テーブルセルの幅よりも長い場合は、最後の単語に切り捨てます。

Question

固定幅tdです。内部のテキストは2行目に折り返してはいけません。テキストがセルの幅よりも長い場合は、最後の単語に切り捨てられます。スペースがなく、最後の単語に壊れない場合は、セルの最大幅で壊れます。

この例では、https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrapのセルには、 「この段落にはaが含まれています」という単語のみが表示されます。

私はそれがワード・ブレークとホワイト・スペースの組み合わせであると感じています。ノー・ラップですが、動作させることはできません。

Answer 1

高さを設定できますか？あなたがそれをしてオーバーフローを隠すなら、それはあなたが望むものだけを表示すべきです。

p.test { 
 
    width: 11em; 
 
    border: 1px solid #000000; 
 
    word-wrap: break-word; 
 
    overflow: hidden; 
 
    height: 1em; 
 
}

<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>

Answer 2

<div> 
This is my div and it has some fixed width only allow text to show in one line 
</div> 

CSS

div{ 
    width: 120px; 
    color :black; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

HTML形式を使用してみてください