1. ホーム
  2. Web制作
  3. HTML/Xhtml

Htmlの長いテキストは、マーカーの幅を超えて自動的にインターセプトコードを達成するために

2022-01-16 15:39:42
我々は長いテキストを表示する場合、我々はしばしば文字をインターセプトするためにC#側に行く必要がありますが、これは間違いなく我々の長いテキストは、しばしばHTMLマークアップに代わって、あなたが悪い負荷を、そこに文字化けの問題(ハーフHTMLマークアップ)されるので、良い面ではない、とより良いアプローチは、CSSを介してこの機能を実現することです。
spanタグ 内容が強制改行を超える場合 自動改行
コピーコード
コードは以下の通りです。

white-space:nowrap;white-space:norma;display:inline-block;

自動非表示から外れた英語側の行(ブロック要素内であること)
コピーコード
コードは以下の通りです。

overflow:hidden;white-space:nowrap;

また、テキストの後に...を付けたい場合は text-overflow: ellipsis; を使用することができます。
コピーコード
コードは以下の通りです。

.tbconxx {
float: left;
width: 255px;
padding: 5px 10px;
}
.tbconxx li,tbconxx span {
padding-left: 7px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
white-space: nowrap;
width: 240px;
}

これにより、オーバーテキストを自動で隠す効果が有効になります。