.box{display:flex;align-items:center;width:200px;}.label{margin-right:4px;background-color:#ccc;color:#fff;white-space:nowrap;}.desc{flex:1;/**自动撑开*/width

1.例如p元素，里面的文字不换行显示，超出部分不隐藏p{width:100px;word-break:keep-all;white-space:nowrap;}2.例如p元素，里面的文字不换行，超出部分用省略号代替p{width:100px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-o

使用CSS的text-overflow属性。.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:5em;}先将white-space属性设置为nowrap，这样可以防止文本换行。然后将overflow属性设置为hidden，以便隐藏超过部分的文本

text-overflow设置文本内容溢出时呈现的模式/*要让text-overflow生效.块属性必须先设置:overflow:hidden;white-space:nowrap;*/overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*clip裁掉溢出部分,ellipsis溢出部分用'...'代替*/

以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？baidu了一下，令俺非常欣慰，还真的找到了办法，问题解决了。用CSS实现表格单元格数据自动换行或不

.t_nowp{white-space:nowrap;} white-space:nowrap;使用white-space:nowrap;后的期望结果：

nowrap-tabletd列宽度不被挤-大表格制作表格前几列设置完宽度，会被右侧动态数据挤没有宽度，加上nowrap，就保证宽度了-----------------------------------------