Html 使用span创建分隔符

我用css

border:1px solid#333

创建了一个空span，但没有看到任何有效的分隔符。我想跨度内一定有什么东西？如何创建带有空标记的边框？

hr

标记太难看了。

必须给它一个大小，并将其显示为块。试试这个

span.separator {
    border-top: 1px solid #333;
    width: 100%;
    height: 1px;
    display: block;
}

---

您必须为其指定一个大小，并将其显示为块。试试这个

span.separator {
    border-top: 1px solid #333;
    width: 100%;
    height: 1px;
    display: block;
}

---

跨距不是块元素，为了得到所需的，您必须给它一个高度，并将其设置为显示：块或内联块。 如果希望边框仅位于一侧，则可以使用border right或border left

test <span style="display:inline-block;height:13px;border:1px solid black;"></span> test

测试

这里有一个例子

---

跨距不是块元素，为了获得所需的内容，必须给它一个高度并将其设置为“显示：块”或“内联块”。 如果希望边框仅位于一侧，则可以使用border right或border left

test <span style="display:inline-block;height:13px;border:1px solid black;"></span> test

测试

这里有一个例子

---

hr

如果您使用

边框：0，则标记并不难看并使用
边框顶部：1px实心#000
，3d风格的
hr
仅由浏览器应用，您可以按照我建议的方式进行更改

hr {
   border: 0;
   border-top: 1px solid #000;
   margin: 10px auto; /* For vertical spacing */
}


我建议您使用
随着语义的发展，它将赋予您的页面以意义，并将在源代码中为您节省一些字符


其次关于
span
标记，它是一个
内联
标记，要跨越
100%
您需要使其
显示：块

span.separator {
   border-top: 1px solid #000;
   display: block;
   margin: 10px auto; /* For vertical spacing */
}

有关
inline
span
的更多信息，请参考我的答案。
hr
如果使用
边框：0，则标签并不难看并使用
边框顶部：1px实心#000
，3d风格的
hr
仅由浏览器应用，您可以按照我建议的方式进行更改

hr {
   border: 0;
   border-top: 1px solid #000;
   margin: 10px auto; /* For vertical spacing */
}


我建议您使用
随着语义的发展，它将赋予您的页面以意义，并将在源代码中为您节省一些字符


其次关于
span
标记，它是一个
内联
标记，要跨越
100%
您需要使其
显示：块

span.separator {
   border-top: 1px solid #000;
   display: block;
   margin: 10px auto; /* For vertical spacing */
}

有关
inline
span
的更多信息，请参考我的答案。
在我发布时没有看到你的帖子。。。投了你的一票。在我发帖时没有看到你的帖子。。。给了你一票。