タイトルの文字数が省略記号置換方法を超える問題をCSSを使用して解決する

PHPz
リリース: 2017-06-06 09:26:32
オリジナル
3154 人が閲覧しました

タイトルの文字数がシーンを超えています:

タイトルの文字数が省略記号置換方法を超える問題をCSSを使用して解決する

左端の列で折り返せないのですが、どうすればよいですか?

ステップ 1: コンテンツが幅を超える場合は余分なコンテンツを非表示にする

ステップ 2: オブジェクト内のテキストがはみ出す場合は省略マーク (...) を表示する

解決策は次のとおりです:

table{
	width:100px;
	table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
}
td{
	width:100%;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用*/
ログイン後にコピー

【関連おすすめ】

1.HTMLテキストの文字数が表示制限を超えた場合に省略記号を使用する方法

2.テキストの文字数が表示制限を超えた場合にCSSを使用して問題を解決する方法省略記号の表示 (単一行、複数行のテキスト)

3. 無料のオンライン CSS ビデオ チュートリアル

以上がタイトルの文字数が省略記号置換方法を超える問題をCSSを使用して解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート