我有一个固定宽度.hor_menu {
display: inline-block;
}
.hor_menu {
height: 25;
font-size: 18px;
}
.hor_menu li {
list-style: none;
float: left;
margin-right: 4px;
padding: 5px;
}
.hor_menu li.active {
background-color: #e9e9e9;
}
.hor_menu li:hover {
text-decoration: underline;
}。里面的文字不应该换行到第二行。如果文本长于单元格的宽度，它应该切换到最后一个单词。如果它没有空间并且不能打破到最后一个单词，它应该以单元格的最大宽度打破。
对于这个例子https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap，我希望单元格只有单词， ＆＃34;此段包含＆＃34;。
我有一种感觉它是断字和空白的一些组合：没有包装，但我无法让它发挥作用。
答案 0 :(得分：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>
答案 1 :(得分：1)
尝试使用 的 HTML
<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;
}