ホームページ > 記事 > ウェブフロントエンド > オーバーフロー非表示の詳細な紹介
p レイアウトでは、一部のテキスト コンテンツが高さの制限を超え、一部の画像が DIV をバーストして、Web ページの位置がずれてわかりにくくなります。コンテンツがコンテナからはみ出し、コンテナによって制限されている幅と高さを超えた場合はどうすればよいですか?テキストのオーバーフロー部分を非表示にしたり、省略記号に置き換えたりすることができます。この記事では、改行や省略記号などを使用してこれらのオーバーフローの問題を解決する方法を説明します。 1. 改行を使用してテキスト オーバーフローの問題を解決する 1. word-wrap を使用してテキスト オーバーフローの問題を解決する方法 word-break:break-all と word-wrap:break-word は、長いテキストの改行問題を解決するためによく使用されます。文字列。 word-break:break-all は IE6/7/chrome/safari でも同じで、末尾の切り詰めとして動作しますが、ff3.0/opera では無効として動作します。長すぎる単語は新しい行で表示され、境界を越えて表示されます。 word-wrap:break-word; は、IE6/7/chrome/safari でも同じように動作します。長い単語は新しい行に分割され、表示できなくなったときに切り取られます。また、ff3.0/opera も無効のようです。 2.
1. オーバーフローの非表示: CSS を使用したコンテンツのオーバーフロー問題に対する最も包括的な解決策
はじめに: div レイアウトでは、一部のテキスト コンテンツがオーバーフローを超えます。高さが制限されているため、一部の画像では DIV が壊れ、Web ページの位置がずれることがあります。コンテンツがコンテナからはみ出し、コンテナによって制限されている幅と高さを超えた場合はどうすればよいですか?この記事では、改行や省略記号などを使用してこれらのオーバーフローの問題を解決する方法を説明します。
2. Firefox/IE ブラウザの Flash は透明で、CSS は強制的にラップされず、オーバーフローは非表示になります
はじめに: Firefox/IE ブラウザの Flash は透過的に、CSS は強制的にラップされませんラップ、オーバーフローは非表示になります
3. thinkphpのvolistの出力内容の一部が表示されますか?上に示すように
はじめに: thinkphp での volist 出力コンテンツの部分的な表示?以下のように、演奏内容の一部を表示する方法-----解決方法-----この問題はCSSで高さを設定してオーバーフロー非表示にするか、PHPが文字長をインターセプトすることで解決できます。 - - - 解決 - - - - - - - - - -
4. thinkphpのvolistの出力内容の一部が表示される?以下に示すように
はじめに: thinkphp での volist 出力コンテンツの部分的な表示?以下のように 演奏内容の一部を表示する方法-----解決方法-----この問題はcssで高さを設定してオーバーフロー非表示にするか、PHPが文字長をインターセプトすることで解決できます--- ---解決策-------------------
7. Web ページ制作 TD は、display_HTML/Xhtml_Web ページ制作をオーバーフローおよび非表示にすることもできます
はじめに: 表を振り返る: TD は、overflow:hidden も再生します。オーバーフローが非表示になった後の内部要素の高さを取得するにはどうすればよいですか?
javascript - 複数行のオーバーフローを非表示にします。テキストはオーバーフローの直後に表示されます...、続きを読むリンクが続き、詳細ページに移動します
html - Javascript でスライド効果を実現するにはどうすればよいですか?
javascript - オーバーフロー非表示後の内部要素の高さを取得するにはどうすればよいですか?
以上がオーバーフロー非表示の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。