2016-09-25 1 views
0

何らかの理由で、私のモバイルサイトの他の単語の前/後にもっと多くのスペースがあります。私はこれは長い単語が別の行に移動され、段落幅がまだ100%になることが必要なためだと思います。だから私はハイフンを強制することができれば、これを改善するだろうと思う。しかし、追加する:私のモバイルサイトには奇妙な単語のスペースがあります。私は正規化に役立つ必要があります

p { 
hyphens: auto; 
} 

の効果はありませんでした。助言がありますか?一般的な犯人ですか?

私も試してみました:

p { 
hyphens: auto !important; 
} 

だけでなく、 "マニュアル:" これの変種を。例:

p { 
hyphens: manual !important; 
} 

答えて

0

まず、あなたのHTMLとCSSコードを検証しましたか? text-alignイストセット

justifyしようとして追加するかのように聞こえる

W3C CSS Validator

W3C HTML Validator

+0

ありがとうございます。 「おめでとうございます!エラーは見つかりません」と表示されます。私は、主要なウェブサイトの多くにもこの問題があることに気づいた。私はそれを解決する方法がなければならないと確信しています。 –

0

p { text-align: left; }

+0

私はこれを試しましたが、運はありません:( –

+0

istテキストが正当化されました。つまり右端のすべてが右揃えになりますか? – Johannes

+0

いいえ、左右の両方にいくつかのランダムな単語があるようです/後で、他の言葉はしません。 –

0

あなたのテキストは、おそらくCSSプロパティを持ってい

text-align: justify; 

あなたがtext-align: left;

でこれをリセットすることができますあなたはまたhyphens: auto;を使用しようとしましたが、私は、このプロパティはGoogle Chromeのを含む多くの現代のブラウザでサポートされていないことを伝える必要があります。あなたはハイフネーションを使用する場合はhttp://caniuse.com/#search=hyphens

しかし、あなたはHyphenator、あなたのウェブサイトをハイフネーションJavaScriptを使用して簡単に使用することができます。https://github.com/mnater/hyphenator

を私は助けることができる願っています!

+0

ダング、これはハイフネーションに働いたが、間隔の問題を修正していない笑。 –

関連する問題