使用div样式（html / css）的div内部的行/边距/边框

Question

出于某些实际原因，我需要使用div样式来实现div内部的中心/中间线。

<div style="position: relative; left: 0px; top: 0px; width: 80px; height: 90px; border-left: solid 1px black;" onclick="this.style.background='rgba(0, 0, 0, 0.5)';" oncontextmenu="return false;"></div>

div in action - ＆gt; http://jsfiddle.net/ZkC68/

如何实现这一目标？ 如果没有更好的方法，我正在考虑前往。左边境内，但我不知道怎么......

Answer 1

如果你想直接设置中心线的样式，我认为这是不可能的。 （不存在这样的css选择器）但是，你可以这样做：

<div id="container">
<div id="center-line">Center line</div>
</div>

按照要求设置样式的CSS：

#center-line
{
text-align: center;
vertical-align: middle;
padding: 20px; //not necessary, but makes it look good imo
}

请参阅：http://jsfiddle.net/cdkyZ/1/