使用text-overflow属性: div.test { text-overflow:ellipsis; } 尝试一下 » 在此页底部有更多的例子。 浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性 text-overflow 4.0 6.0 7.0 3.1 11.09.0 -o-属性定义及使用说明text-overflow 属性指定当文本溢出包含它的元素时,应该如何显示。可以设置...
C. overflow-ellipsis D. overflow-visible Show Answer Advertisement - This is a modal window. No compatible source was found for this media. 3. To apply truncation to a text element, which of the following classes is needed along with 'truncate'? A. overflow-hidden B. text-ellipsis ...
block-overflow: clip | ellipsis | <string> | initial | inherit; The code below shows the usage of the block-overflow property: .module { block-overflow: [clip | ellipsis | <string>]; max-lines: [ <integer>]; /* required by block-overflow */ } The line-clamp as a shorthand prope...
clip: テキストが単純に切り取られます。 ellipsis: テキストが省略記号(...)で切り詰められます。 "...": テキストがカスタムの文字列(この場合は "...")で切り詰められます。 注意点 text-overflowプロパティは、overflow: hiddenとwhite-space: nowrapと組み合わせて使用する必要があり...
Adding an ellipsis Clipping text Responsive design From the creators of Tailwind CSS Make your ideas look awesome, without relying on a designer. “This is the survival kit I wish I had when I started building apps.” Derrick Reimer, SavvyCal...