如何在引导中设置单词的限制
如何在引导中设置单词的限制
提问于 2015-08-21 06:52:21
这里我使用引导面板来放置数据。这里我在引导面板标题中有一些文本。我想为面板标题中的文本设置限制。
为了前夫。有文本Beautiful dam of world located in arizona。我想为31字词设定限制
所以我变成了
Beautiful dams of world located...
现在它已经
<div class="panel-heading">One Seater Motorized Recliner Sofa in Pure Leather White Colour</div>我怎么做这个？
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-08-21 06:58:29
为您提供一个快速的片段，将span / div等中的字符数限制在特定的值上。这个函数还包括一个稍微整洁的…。在临界点：
JavaScript:
<script type="text/javascript">// <![CDATA[
$(function(){
$(".your-div").each(function(i){
len=$(this).text().length;
if(len>80)
{
$(this).text($(this).text().substr(0,80)+'...');
}
});
});
// ]]></script>实际上，使用‘省略’CSS函数也可以非常巧妙地完成这一任务，但请注意，这是相对较新的，只适用于单行：-
CSS:
.your-div {
white-space: nowrap;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
}它的“文本溢出:省略”完成了所有的工作，但是您确实需要其他行才能有效地工作。
参考资料：极限字符数
Stack Overflow用户
发布于 2015-08-21 06:57:40
您不能在css中定义若干字符。但是您可以定义一个宽度并添加以下属性：
overflow:hidden;Stack Overflow用户
发布于 2015-08-21 06:58:45
您可以使用文本溢出:省略；只适用于一行文本。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32134117
复制相关文章
相似问题
腾讯云开发者
