CSS text-align：对齐chrome溢出

时间：2014-08-12 02:53:17

标签： css

当使用text-align: justify;来证明文本chromes时，让一些行溢出父div（在我的情况下为p）。虽然其他浏览器（我仅在Mozilla Firefox上测试过），但似乎可以正常使用此属性。

这是一张阐述问题的图片：

CSS text justify chrome issue

这里Jsfiddle包含一个简单的代码

请注意我使用：

4 个答案:

答案 0 :(得分：1)

将display:inline;添加到#product-description p 

#product-description p {
  text-align: justify;
  display:inline;/*added*/
}

DEMO

或者将display:inline;添加到#product-description

DEMO

将display: inline;添加到.panel-body工作正常，因为我可以看到两个浏览器：

DEMO

答案 1 :(得分：0)

添加

word-break: break-word;

进入你的班级

答案 2 :(得分：0)

我知道回答这个问题已经很晚了，但是

  

text-align：对齐；

不适用于chrome。您可以检查here

答案 3 :(得分：0)

期货搜索-很好！

text-align: justify;
display: table-row;
text-align-last: justify;

Screenshots

相关问题
最新问题