これは本当に私を怒らせています。
フォント変更前のサイトはこんな感じ。
そしてフォントを変更するとこうなりました、ここから新しいフォントはDroid Arabic Kufiです。
ご覧のとおり、フォントを変更する前は "مالक اللحام" という単語が同じ行にありましたが、フォントを変更した後は最後の単語が別の行になりました。
幅に制限を設けていませんが、これは起こっています。単語の数に関係なく、最後の単語のみをラップします。ここを参照してください。
word-warp
、word-break
、width
またはこの問題を合理的に引き起こす可能性があるとわかっているものを使用していないことに注意してください。問題を引き起こしていることがわかっている唯一のことは、カスケードされた float 値を控えることです!
ここで説明するのは難しいので、このリンクでここを調べて、に設定float
してみてくださいnone
。その要素の問題は解消されますが、同じ問題を抱え、同じ方法で解決できない他の多くの要素については解決しません。設定float:none;
するとこれらの要素が左にフロートするため、これは私が望んでいるものではありません。
どんな助けでも大歓迎です。私はこれを何時間も試してみましたが、成功しませんでした。