Question

我设置了一个带有标题和段落的部门。当我加载页面时，文本重叠，好像它运行到div的底部并且无处可去。我的假设是div会随着文本的加入而垂直扩展，但它并不是（至少在我的情况下）。重要的是要知道我将字体从较小的（Times New Roman）更改为较大的（Georgia）。此更改后，文本问题发生了。谢谢。

<div id="fall">
  <h3> Exile L'Empereur </h3>
  <br>
  <p>  Napoleon was exiled to Elba. After Waterloo he was exiled to St. Helena. </p>
  <p>  Napoleon was exiled to Elba. After Waterloo he was exiled to St. Helena. </p>
  <p>  Napoleon was exiled to Elba. After Waterloo he was exiled to St. Helena. </p>

==============

 #fall {
  padding: 20px;
  line-height: 5px;
  background-image: url(../images/fleurdelis.png);
  background-position: top right;   
  background-repeat: no-repeat;
  background-color: #CBEDF2;
  background-size: 64px;
  text-align: center;
  border-radius: 0px 15px 0px;
  width: 500px;
  margin-left: 20%;
  border: 2px solid black;
 }

Answer 1

您已将line-height设置为小。我假设你认为它是两行文本之间的高度，但事实并非如此。查看https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

上的示例

Answer 2

设置段落的对齐方式。增加文本的边缘。

要查找有关段落的更多信息，请访问该链接。

http://entertainment7899.blogspot.com/2015/08/how-to-create-paragraph-with-html.html

为什么段落中的文字重叠而不创建新行？

2 个答案: