2017-07-14 14 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%)

相关问题