div内容超出宽度时如何隐藏？如何显示省略标记？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div内容超出宽度时如何隐藏？如何显示省略标记？相关的知识，希望对你有一定的参考价值。
参考技术A 以下是引用片段：table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */\\x0d\\x0aword-break:keep-all;/* 不换行 */\\x0d\\x0awhite-space:nowrap;/* 不换行 */\\x0d\\x0aoverflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */\\x0d\\x0atext-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/当div元素内的内容超出其宽度时，自动隐藏超出的内容
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与
overflow:hidden;一起使用。*/
以上是关于div内容超出宽度时如何隐藏？如何显示省略标记？的主要内容，如果未能解决你的问题，请参考以下文章
超出div宽度范围的文字进行省略号省略，在鼠标移上去以后显示完整的内容