文本放置自动并与其他文本相关答案

【问题标题】：text placement automatic and in relation to other text文本放置自动并与其他文本相关
【发布时间】：2012-11-27 20:55:48
【问题描述】：

我有一堆包含内容的 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;
        }

【问题讨论】：

对于初学者，您可以将# 从<div id='#info-1'> 等中取出。除此之外，我真的不知道您要在这里实现什么

标签： html css text positioning

【解决方案1】：

不确定您要在这里实现什么 - 也许您可以尝试再次解释一下？ “结构化”是什么意思？

同时，我会从您示例的 id 属性中删除哈希值，否则您将看不到任何样式。

【讨论】：