0

鉴于此标记

<div>
    <span>foo</span>
    <span>bar</span>
    <span>some really long text with word breaks</span>
    <span>baz</span>
</div>

这显示为

foo bar some really long text with word breaks baz

我希望它显示为

foo bar some really 
long text with word 
breaks baz

使用这些其他问题的答案：

<div>如果直接在其中包含文本，我可以做到这一点。但是一旦文本被拆分成<span>s 里面的`这些技术就不再起作用了。

鉴于我无法取消<span>s，我该怎么做呢？

编辑：

Chrome 网络检查器将<div>的当前 CSS 列为：

color: rgb(0, 105, 173);
display: block;
font-family: Arial, sans-serif;
font-size: 25px;
font-weight: bold;
height: 93px;
margin-bottom: 0px;
margin-left: 208px;
margin-right: 208px;
margin-top: 0px;
text-align: center;
text-shadow: rgb(255, 255, 255) 0px 0px 3px;
width: 300px;
4

3 回答 3

0

首先，您必须设置该元素的宽度。

div{
    width: 250px;
    word-wrap: break-word; /*if you want to allow unbreakable words to be broken*/
    display: inline-block; /*The element is placed as an inline element, but it behaves as a block element*/
}

现场演示 - JSFiddle

于 2013-08-07T04:03:17.377 回答
0

你应该定义你的 div 的宽度

div{width: 120px;}

演示

于 2013-08-07T03:39:46.830 回答
0

试试这个...

div
{

    text-align:justify;
    width:130px;

}

演示

于 2013-08-07T05:29:24.480 回答