Question

我在div中有一个带有一些文本内容的内联块。如果显示设置为内联...

，文本内容将溢出

HTML＆amp; CSS

<div id="leftdiv">
</div>
<div id="rightdiv">
       <div id="nametag">Simba Animated Plush Battery Operated Sitting Talking Tom, Multi Color (9-inch)<div>
       <div id="pricetag">10.00$<div>
       <div id="quantitytag">10<div>
</div>



#leftdiv{
    float:left;
    width:100px;
    height:100px;
    background-color:blue

}

#rightdiv{
    float:left;
    width:400px;
    height:100px;
    background-color:yellow
}
#nametag{
    width:200px;
    display:inline;

}

问题：如何对名称标签内容进行文本换行？

Answer 1

但问题是什么？如果你想要内联块，你可以这样做来解决它：
CSS：

#nametag{
width:200px;
display:inline-block; //set to inline-block
}

#rightdiv{
float:left;
width:400px;
height:auto; //set to auto
background-color:yellow
}

比在此Jquery代码中设置leftdiv高度的页面与rightdiv相同

的Jquery：

$('#leftdiv').css( 'height', $('#rightdiv').height());

比得到结果http://jsfiddle.net/76d9twoy/1/

Answer 2

如果您希望它们彼此相邻，则必须从内联切换到内联块。另外，请注意标签。你的div没有关闭。你必须使用：

</div>

要修复单行，请使用空格属性。

white-space:nowrap;

这是jsfiddle： http://jsfiddle.net/76d9twoy/2/

div上带有内联块的文本溢出

2 个答案: