如何用div+css截取字符串长度

截取字符串长度,超过那个限制的长度后面字符串自动变成省略号 a{height: 32px; width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; word-break: ke WP网站建设

20160525221954

截取字符串长度,超过那个限制的长度后面字符串自动变成省略号

a{height: 32px;
<div class="styles-section-title styles-selector">width: 330px;</div>
<div class="styles-section-title styles-selector">overflow: hidden;</div>
<div class="styles-section-title styles-selector">text-overflow: ellipsis;</div>
<div class="styles-section-title styles-selector">white-space: nowrap;</div>
<div class="styles-section-title styles-selector">font-size: 12px;</div>
<div class="styles-section-title styles-selector">word-break:</div>
<div class="styles-section-title styles-selector">keep-all;</div>
<div class="styles-section-title styles-selector">text-align: right;</div>
<div class="styles-section-title styles-selector">display: block;</div>
<div class="styles-section-title styles-selector">}</div>
<div class="sidebar-pane-closing-brace">

在这里需要注意一点
display: block;   这个必须要有在,不然很可能出现不会截取的情况

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/10772

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code