Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS停止文本溢出_Css_Text_Overflow - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS停止文本溢出

CSS停止文本溢出

css text

CSS停止文本溢出,css,text,overflow,Css,Text,Overflow,我正在编写一个动态应用程序，我遇到的一个问题是，我的div中包含文本，当div太小而无法包含文本时，浏览器会表现得很滑稽 在CSS中是否有文本“截断”的方法？任何不合适的文本都将被删除。使用溢出：隐藏您是否尝试过溢出：隐藏？不幸的是，对于这个问题没有完全的CSS解决方案（没有看到部分呈现的文本）。最接近的方法是使用CSS3属性，文本溢出：省略号，它将剪切字符串并在末尾添加“…”。这种技术最大的缺点是Firefox目前不支持它，而且在不久的将来也不会支持它。然而，有一个替代的，不那么优雅的，你可以

我正在编写一个动态应用程序，我遇到的一个问题是，我的div中包含文本，当div太小而无法包含文本时，浏览器会表现得很滑稽

在CSS中是否有文本“截断”的方法？任何不合适的文本都将被删除。

使用
溢出：隐藏
您是否尝试过
溢出：隐藏？
不幸的是，对于这个问题没有完全的CSS解决方案（没有看到部分呈现的文本）。最接近的方法是使用CSS3属性，
文本溢出：省略号
，它将剪切字符串并在末尾添加“…”。这种技术最大的缺点是Firefox目前不支持它，而且在不久的将来也不会支持它。然而，有一个替代的，不那么优雅的，你可以暂时使用

更多信息：

（仍为工作草案）



跟踪

obs：还可以使用首选尺寸设置宽度


 /*ellipsis stuff*/
    white-space: nowrap;
    overflow: hidden;
    text-transform: none;
    text-overflow: ellipsis;  /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/
    -o-text-overflow: ellipsis;  /* for Opera 9 & 10 */
    -ms-text-overflow: ellipsis; /*IE 8*/