-3

我试图在“hr”元素内放置一个“p”元素，其中“hr”元素的高度为 33px。我是使用“span”还是“div”来获取嵌套在“hr”元素内的“p”元素？

这是我的代码：

<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>

谢谢你的帮助。

4

3 回答 3

8

HR元素只是页面上的一条线。你不能在里面放任何内容。

你可以在它上面浮动一个元素，但这真的没什么意义。

不妨使用div具有该高度的 a 并使用边框和您需要的任何其他样式对其进行样式设置。

HTML 5 规范指出content modelis ，Empty表示HR元素不能包含任何内容。

于 2013-07-10T20:29:51.110 回答
1

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

于 2013-07-10T20:31:35.690 回答
1

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

<div style="background-color:#777; height: 33px;">
  My text
<div>
于 2013-07-10T20:32:19.787 回答