html – 在Bootstrap中截断长链接

概述我正在使用Bootstrap 3.1设计一个页面,其中如果 HTML链接的长度太长,它会溢出并在移动版本中创建一个水平滚动.有没有办法截断它并用椭圆替换它？ 例： 我需要的是它不应该延伸出来,而应该在边界之前被截断.不知道怎么做？ 您需要确保容器有溢出：隐藏以防止文本流出边框并给它文本溢出：省略号以给链接省略号. .box { background: #f99; border: 1px s 我正在使用bootstrap 3.1设计一个页面,其中如果 HTML链接的长度太长,它会溢出并在移动版本中创建一个水平滚动.有没有办法截断它并用椭圆替换它？

例：

我需要的是它不应该延伸出来,而应该在边界之前被截断.不知道怎么做？

解决方法 您需要确保容器有溢出：隐藏以防止文本流出边框并给它文本溢出：省略号以给链接省略号.

.Box {  background: #f99;  border: 1px solID #c66;  wIDth: 100px;  padding: 7px;  margin-bottom: 15px;}.nowrap {  white-space: nowrap;}.ellipsis {  overflow: hIDden;  text-overflow: ellipsis;}

<div >  <span >A really long pIEce of text</span></div><div >  <span >A really long pIEce of text</span></div>

总结

以上是内存溢出为你收集整理的html – 在Bootstrap中截断长链接全部内容，希望文章能够帮你解决html – 在Bootstrap中截断长链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。