如何在div块中设置文本以具有特定的宽度?
问题描述:
我很努力让我的代码中的文本只填充我体元素的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
}
答
#full {
width: 80%;
margin: 0 auto;
display: block;
}
上述工作完全正常,我
与display
性的元素设置为inline-block
不能自动以汽车保证金为中心(因此为什么你可能已经认识到一个完整的widt ħ使用)但宽度实际上已经正确
答
如果可以使用display: block
然后使用display: block; margin: 0 auto
,与display: inline-block
可以去除margin: ...
和在文本的任一侧使用padding: 0 10%
(10%填充= 20%)