我有一堆里面有内容的 div,我希望文本自动调整!例如,在第一个 div 中,文本的长度和大小可能与其他 div 相比有所不同,我想设置一个 css 规则以确保无论这些属性如何,文本看起来都是结构化的。
HTML
<div id="#info-1">
<h4>Subtitle</h4>
<h1>Title</h1>
<h3>Subtitle</h3>
</div>
<div id="#info-2">
<h4>Subtitle</h4>
<h1>Title</h1>
<h3>Subtitle</h3>
</div>
<div id="#info-3">
<h4>Subtitle</h4>
<h1>Title</h1>
<h3>Subtitle</h3>
</div>
CSS
#info-1, #info-2, #info-3{
position:absolute;
top:0px;
margin-top: 75px;
margin-left:350px;
float: left
}
#info-1 h3, #info-2 h3, #info-3 h3
{
position:absolute;
top: 105px;
left: 130px;
}
#info-1 h4, #info-2 h4, #info-3 h4
{
position:absolute;
top:40px;
left:75px;
}
#info-1, #info-2, #info-3, #info-4{
background-color: lightgrey;
width:300px; height:175px;
}
#info-1 h1, #info-2 h1,#info-3 h1
{
position:absolute;top: 55px; left:60px;
color: white;
text-transform: uppercase;
}