CSS - 歪んだWebページを避ける

歪んだページを避ける

Webページはその内容のために変形することがあります。テキストは正しく配置されていません。

しかしこれにはいくつかの非常に単純な解決策があります。

テキストの一部を隠す

ボックスコンテナが小さすぎて内容がその長さを超えている場合は、次のコードを使用してそれ以降のすべてを隠すことができます。

コンテナ{

オーバーフロー：非表示：

}

残りの（マスクされた）コンテンツは次の行に追加できます。

最初の方法は、テキストを隠して見えない部分にします。 いつも実用的というわけではありません。 ページの変形が単にテキスト（それを含んでいるブロックを広げる単語）によるものである場合は、単語を切り取ることができます。

コンテナ{

ワードラップ：ブレークワード。

}

結果：