Css 如何在Span中打断长单词?(使用Twitter引导)
我在我的网站上使用Twitter引导,我有一个可能包含长单词的span,我需要打破它。我使用这个Css但不工作?有什么问题吗Css 如何在Span中打断长单词?(使用Twitter引导),css,Css,我在我的网站上使用Twitter引导,我有一个可能包含长单词的span,我需要打破它。我使用这个Css但不工作?有什么问题吗 .fidDivComment { white-space: pre-wrap; display: inline-block; } 您需要将其添加到该跨度的CSS中 span { -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */
.fidDivComment {
white-space: pre-wrap;
display: inline-block;
}
您需要将其添加到该跨度的CSS中
span {
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
有关说明,请参见。以下问题: (使用Twitter引导) 因此引导修复是这样的:
@包括连字符
这个启动即用的mixin将添加单词包装:break word代码>
此混合存在于以下路径下:
/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss
可能的重复-如果您有适合的特殊内容,您应该正确地将单词连字符,或者任意断开字符串。在同一内容上同时使用这两种方法是错误的。Jukka,如果你阅读了我链接到的文章,你需要所有这些CSS属性才能获得最佳的浏览器支持。连字符位是可选的-我在我的用例(长电子邮件)中省略了这一点。这是否会遵守元页面语言的规则,例如在音节之间放置连字符?