2017-07-14 55 views
0

我很努力讓我的代碼中的文本只填充我體元素的80%寬度。不知道我是否應該使用寬度元素或填充。現在也沒有爲我工作。如何在div塊中設置文本以具有特定的寬度?

HTML:

<body> 
     <div id="full"> 
      <h3> 
       The Idea 
      </h3> 
      <p class="paragraph"> 
       text 
      </p> 
      <h3> 
       A Very Profitable Investment 
      </h3> 
      <p class="paragraph"> 
       text 
      </p> 
      <h3> 
       30 Years Experience 
      </h3> 
      <p class="paragraph"> 
       text 
      </p>  
     </div> 
    </body> 

CSS:

#full{ 
    width: 80%; 
    margin: auto; 
    display: inline-block 
    } 

回答

1
#full { 
    width: 80%; 
    margin: 0 auto; 
    display: block; 
} 

上述工作完全正常,我

display性的元素設置爲inline-block不能自動以汽車保證金爲中心(因此爲什麼你可能已經認識到一個完整的widt ħ使用)但寬度實際上已經正確

1

如果可以使用display: block然後使用display: block; margin: 0 auto,與display: inline-block可以去除margin: ...和在文本的任一側使用padding: 0 10%(10%填充= 20%)

相關問題