Question

我现在在一个页面上工作，它在边框中设置了文本块，并且这些文本中的文本都是样式化的。

基本上，我遇到的主要问题是在包含边框样式的样式标记内，当我尝试将文本分成另一个段落时，之后的文本跳到盒子外面。我尝试在各种不同的地方添加，但它只是不会做我想要的，而且我找不到任何有关如何在款式采用边框设计。下面的示例代码...这个框很简单，因为只有一个短段。页面的其余部分有多个段落，都需要在边框内。

有人可以帮忙吗？

<p style="border: solid 3px #4D545E; padding: 6px;">
  <strong style="color: #c01d21;">Book your Christmas party</strong>
  on any Monday-Thursday in November – and all your guests will receive a complimentary Sorbete al Cava cocktail.
  <br>
  <a style="text-transform: uppercase;line-height: 38px;text-align: center; " class="link" href="http://www.manchesterconfidential.co.uk/b.aspx?b=6980" target="_blank">
  <strong>Click to book a table</strong>
  </a>
  Or call <strong>#### ### ####</strong>
</p>

Answer 1

如果我明白你在说什么，我在这里为你疯狂了一个片段代码，以便你可以查看它，如果它适合你想要的东西，你可以使用它或尝试解释你想要的更多。

.wrapper{
  border: solid 3px #4D545E; padding: 6px;
  }

.center{
  text-align:center;
  }

<div class="wrapper">
  <p><strong style="color: #c01d21;">Book your Christmas party</strong> on any Monday-Thursday in November – and all your guests will receive a complimentary Sorbete al Cava cocktail.</p>
<p class="center">
<a style="text-transform: uppercase;line-height: 38px;text-align: center; "class="link" href="http://www.manchesterconfidential.co.uk/b.aspx?b=6980" target="_blank"><strong>Click to book a table</strong></a></p>
<P class="center">
Or call <strong>#### ### ####</strong></p>
  </div>

Answer 2

跟进Jerry上面的回答，添加多个段落应该像添加标签一样简单（假设这是你要找的）。

代码明智，它将（根据Jerry的解决方案）

.wrapper{
  border: solid 3px #4D545E; padding: 6px;
}

.center{
  text-align:center;
 }
strong {
  color: #c01d21;
}
a {
  text-transform: uppercase;
  line-height: 38px;
  text-algin: center;
}

我把你所有的造型都移到了CSS上。 html将（与上述相同）+更多或您选择添加的任何其他标记。

<div class="wrapper">
  <p><strong>Book your Christmas party</strong> on any Monday-Thursday in November – and   all your guests will receive a complimentary Sorbete al Cava cocktail.</p>
  <p class="center">
  <a class="link" href="http://www.manchesterconfidential.co.uk/b.aspx?b=6980" target="_blank"><strong>Click to book a table</strong></a></p>
  <P class="center">Or call <strong>#### ### ####</strong></p>

  <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>

  <p class="center"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>

  <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>

</div>

希望这有帮助。

Answer 3

UICollectionView

  image: require('../resources/examplecar.jpg')

http://www.w3schools.com/css/css_border.asp

Answer 4

对不起，伙计们，我在这里真的反对它，我总是没有机会跳回来回复。目前有一位实习生可以回答我的一些HTML问题，但是谢谢大家的意见。毫无疑问，我很快就会有更多问题...... :)

在边框内设置<p>标签样式？

4 个答案: