出于某些实际原因,我需要使用 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 在行动 -> http://jsfiddle.net/ZkC68/
如何实现? 如果没有更好的办法,我想换个ex。左边框在里面,但我不知道怎么...
最佳答案
如果您想直接设置中心线的样式,我认为这是不可能的。 (不存在这样的 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
}
关于css - 具有 div 样式的 div 内的线/边距/边框 (html/css),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18297446/