小编san*_*san的帖子

文本溢出省略号点应该是文本的中心

我希望省略号点应该是文本的中心.当我使用它时text-overflow: ellipsis,它会显示最后的点,而我希望它们居中.

p.test1 {
    white-space: nowrap; 
    width: 100px; 
    border: 1px solid green;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:10px;
}
Run Code Online (Sandbox Code Playgroud)
<p class="test1">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18</p>
Run Code Online (Sandbox Code Playgroud)

上面的例子显示了这样的结果

1 2 3 4 5 6 7 8 9...

预期的结果是:

1 2 3 4 5 6 ... 13 14 15 16 17 18

html css css3

7
推荐指数
3
解决办法
2368
查看次数

标签 统计

css ×1

css3 ×1

html ×1