版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/p930318/article/details/82981352
display:block; /*内联对象需加*/
width:31em;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /*溢出时显示省略标记...;需与overflow:hidden;一起使用*/
对于表格,定义有点不一样:
table{
width:30em;
table-layout:fixed; /*只有定义了表格的布局算法为fixed,下面td的定义才能起作用*/
}
td{
width:100%;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 溢出时显示省略标记...;需与overflow:hidden;一起使用*/
}