Question

首先感谢提前，因为这个页面帮助了我学习HTML的进展。我正在努力学习它，所以我可以建立自己的网站，在那里我可以写。这就是问题所在：我想在每个Div中插入文本，在所有内侧都能很好地匹配均匀边距。我不希望它超过给定的参数。当我尝试它总是移动到Divs之外。如果有人帮助我，我将非常感激。

的index.html

<div id="content">

<div id="top_news">
<div id="top_news1"></div>
<div id="top_news2"></div>
</div>

<div id="top2_news"></div>

<div id="top3_news">
<div id="top3_news1">
<div id="top3_news1_1"></div>
<div id="top3_news1_2"></div>
</div>
<div id="top3_news2"></div>
<div id="top3_news3"></div>
</div>

</div>

stylesheet.css中

#container {
width            :  930px;
margin           :  auto;
background-color :  #ffffff;
} 

#content {
margin-top       :  7px;
margin-left      :  10px;
margin-right     :  10px;
margin-bottom    :  7px;
border       :  1px solid #d3d3d3;
width        :  908px;
}

#top_news {width:908px; height:250px;}
#top_news1 {width:453px; border-right:1px solid #d3d3d3; height:250px; float:left;}
#top_news1:hover {background-color:#fdb38d;}
#top_news2 {width:454px; height:250px; float:right;}
#top_news2:hover {background-color:#faf5a2;}

#top2_news {width:908px; height:225px; border-top:1px solid #d3d3d3;}
#top2_news:hover {background-color:#70addc;}

#top3_news {width:908px; height:250px; border-top:1px solid #d3d3d3;}
#top3_news1 {width:302px; height:250px; border-right:1px solid #d3d3d3; float:left;}
#top3_news1_1 {width:302px; height:125px;border-bottom:1px solid #d3d3d3;}
#top3_news1_1:hover {background-color:#d5addd;}
#top3_news1_2 {width:302px; height:124px}
#top3_news1_2:hover {background-color:#f0f0f0;}
#top3_news2 {width:302px; height:250px; border-right:1px solid #d3d3d3; float:left;}
#top3_news2:hover {background-color:#b7e795;}
#top3_news3 {width:302px; height:250px; float:left;}
#top3_news3:hover {background-color:#ff6686;}

我遇到了另一个问题，因为支持是如此快速和有用，我想在这里问一下。我注意到，当我缩小时，Divs移动并且不会停留在我最初计划它们的地方。有没有人有解决方案？提前致谢

Answer 1

将文本附加到p标记中，并使用填充（将默认填充扩展名）添加到div。要保持框大小，请将overflow:hidden添加到div或使用overflow:scroll滚动它们。

DEMO

我希望这是你要做的事情：）

有人可以弄明白我如何正确地将文字插入DIV？

1 个答案: