文本放置自動和其他文字相關

我有一堆divs內含有他們的內容，我希望文本自動調整！例如，在第一部分中，文本的長度和大小可能與其他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; 
     }

來源

2012-11-27 Dino Excel

對於初學者來說，你可以從''div id ='＃info-1'>''等''''中拿出''''，除此之外，我無法真正告訴你想要在這裏實現什麼 – Beno

不知道你想達到什麼在這裏 - 也許你可以嘗試再次解釋一下嗎？「結構化」是什麼意思？

同時，我會從您的示例的id屬性中刪除哈希，或者根本看不到任何樣式。

來源

2012-11-27 12:55:48

文本放置自動和其他文字相關

回答

相關問題