Html 如何通过不允许文本增加来控制DIV标记内的文本?
我有这个CSS代码:Html 如何通过不允许文本增加来控制DIV标记内的文本?,html,css,Html,Css,我有这个CSS代码: #d_image { float: left; width: 320px; margin-top: 20px; margin-left: 25px; } #d_coll { width: 320px; float: left; } #n_div { width: 240px; text-align: right; padding-top: 10px; float: left;
#d_image {
float: left;
width: 320px;
margin-top: 20px;
margin-left: 25px;
}
#d_coll {
width: 320px;
float: left;
}
#n_div {
width: 240px;
text-align: right;
padding-top: 10px;
float: left;
padding-right: 10px;
padding-left: 0px;
}
#n_text {
text-align: right;
float: left;
clear: both;
}
#im {
height: 50px;
width: 50px;
float: right;
padding-right: 15px;
}
#n_col {
clear: both;
width: 310px;
float: right;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-bottom: 10px;
}
#n_tittle {
text-decoration: none;
text-align: right;
padding-bottom: 10px;
padding-right: 15px;
}
#n_tittle a {
text-decoration: none;
text-align: right;
color: #1C60B3;
}
#n_tittle a:hover {
text-decoration: underline;
text-align: right;
color: #FF0000;
}
我有以下HTML代码:
<div id="d_coll">
<div id="d_image">sample text</div>
<div id="n_text">Here will be photo</div>
</div>
<div id="n_col">
<div id="n_tittle">sample text</div>
<div id="im">small photo will be here</div>
<div id="n_div">long text</div>
</div>
示例文本
这里有照片
示例文本
小照片会在这里
长文本
我在n_div中遇到了一个问题,如果我在其中放入一个很长的文本,它将位于im div下,我希望它里面的文本在到达末尾时转到新行,因为图像应该位于im div中文本的右侧
我怎么能做到
提前感谢。您想使用word wrap:
word-wrap: break-word;