Question

我一直试图让第一行的第一句话符合四行的文字块。有没有办法可以做到这一点？

http://test.darkrome.com/official-vatican-museum-partnership

它是蓝色标题后的第一个文本块。我需要4行，字体23左右Arial和第一句应该在第一行没有换行符或段落

Answer 1

如果您需要相同的font和font-size，请将框更宽并减少左边距。

#comTempFluid2 {
    margin-left: 80px; /* you have 100px */
    width: 840px;      /* you have 800px */
}

PS。请记住，如果没有arial的用户，他们会看到另一种可能更小/更大的字体。然后文本将在3.5或5行。

Answer 2

通过制作width 850px的#comTempFluid2，我能够将它们分为4行。

#comTempFluid2 {
  margin: 0;
  padding: 0;
  width: 850px;
  height: 50%;
  float: left;
  text-align: center;
  margin-top: 20px;
  margin-left: 100px;
}

为了使第一句话保持在同一行，请删除第一句并将其放在自己的<p>标记或<span>标记中。它将具有与子元素相同的宽度。

Answer 3

您可以通过在CSS中定义以下内容来使用span-element：

span{
    display:block;
}

然后在HTML文件中使用span元素作为第一句话。

请参阅：http://jsfiddle.net/marc_g/5frhzd6f/

格式化文本块以适合4行

3 个答案: