Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/10.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 - Fatal编程技术网
Fatal编程技术网
  • css/
  • 如何获得CSS属性的反向行为；文本溢出：省略号“；？

如何获得CSS属性的反向行为；文本溢出：省略号“；？

css

如何获得CSS属性的反向行为；文本溢出：省略号“；？,css,Css,我尝试了以下代码： #我的div{ 背景颜色：浅蓝色； 显示：内联块； 宽度：200px； 文本溢出：省略号； 溢出：隐藏； 空白：nowrap； } 敏捷的棕色狐狸跳过了懒狗 只需添加文本对齐：左和方向：rtl在CSS中，它将起作用 CSS #my-div{ background-color: lightblue; display: inline-block; width: 200px; text-align: left; direction: r

我尝试了以下代码：

#我的div{
背景颜色：浅蓝色；
显示：内联块；
宽度：200px；
文本溢出：省略号；
溢出：隐藏；
空白：nowrap；
}

敏捷的棕色狐狸跳过了懒狗
只需添加
文本对齐：左和
方向：rtl在CSS中，它将起作用



CSS


#my-div{
    background-color: lightblue;
    display: inline-block;
    width: 200px;
    text-align: left;
    direction: rtl;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


HTML


<html>
  <body>
    <div id="my-div">The quick brown fox jumps over the lazy dog</div>
  </body>
</html>




敏捷的棕色狐狸跳过了懒狗

您可能会在这里找到一些想法：1）、2）和3）看看这在Firefox 54和Chrome 59中对我有用，但在Safari 10.1.1中不适用。只需从我的代码笔导出并在Safari中打开即可。它正在工作。好的，但这只在div只允许一行的情况下工作。我的div需要有一定数量的行（取决于它的高度），填充这些行后，溢出开始。怎么做？