Question

我试图在“hr”元素中放置一个“p”元素，其中“hr”元素高33px。我是否使用“span”或“div”来将“p”元素嵌套在“hr”元素中？

这是我的代码：

<div class="pagination">
<hr class="fatLines" />
    <p>Page 1 of 2&nbsp;&nbsp;&nbsp;<a href="#">1</a>&nbsp;<a href="#">2</a>&nbsp;<a href="#">>></a></p>
</div>

感谢您的帮助。

Answer 1

HR元素只是整个页面的一条线。您无法将任何内容放入其中。

你可以浮动一个元素 over 它，但它确实没什么意义。

也可以使用具有该高度的div并使用边框和其他任何您需要的样式进行设计。

HTML 5 sepecification指出content model为Empty，表示HR元素不能包含任何内容。

Answer 2

hr元素中不能包含任何元素。你所要求的是不可能的，没有任何意义。

hr元素
内容模型：
清空。

- http://www.w3.org/TR/html5/grouping-content.html#the-hr-element

<!ELEMENT HR - O EMPTY -- horizontal rule -->

- http://www.w3.org/TR/html4/present/graphics.html#edef-HR

Answer 3

你到底想要达到什么目的？ <hr />不能包含任何数据。如果你想要一个块，你应该设置它的样式

<div style="background-color:#777; height: 33px;">
  My text
<div>

将<p>元素放在</p> <hr />中

3 个答案: