HTML:如何在水平排序的元素之间放置一条垂直线?

时间:2013-07-26 21:05:06

标签: html css

所以我正在搜索HTML代码,例如:& middot(制作一个点),但是用于垂直线。 我首先在左边和右边使用边框,但是我在中间有粗线和外边有正常线。如果有人可以给我一个包含所有'&'的列表代码那将是伟大的!我是使用HTML和CSS的初学者,但愿意学习! (顺便说一下,我需要这样一行,因为我正在创建一个菜单。我需要将这一行放在Menu元素之间。)

3 个答案:

答案 0 :(得分:3)

你想要做的是给每个元素一个右边框,并给第一个孩子一个额外的左边框。

.div {
    border-right: 1px solid black;
}
.div:first-child {
    border-left: 1px solid black;
}

&代码适用于内容,不得用于演示目的。

答案 1 :(得分:0)

如果除数只应出现元素之间而不是在两端之间,这将起作用:

http://cssdeck.com/labs/jdt9afa4

.element + .element {
    border-left: 1px solid;
}

答案 2 :(得分:-1)

在HTML5中调用“&代码”,“character references”。有“命名字符引用”和“数字字符引用”。

数字字符引用可以处理任何Unicode字符。

命名字符引用仅涵盖其中的一小部分,但可以在此处找到完整且权威的列表:http://www.whatwg.org/specs/web-apps/current-work/multipage/named-character-references.html#named-character-references

然而。你应该遵循可空性的建议。