0

いくつかの実用的な理由から、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に引っ越そうと思っていました。境界線を内側に残しましたが、方法がわかりません...

4

1 に答える 1

0

センターラインを直接スタイリングしたい場合、それは不可能だと思います。(そのような 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/

于 2013-08-18T09:20:54.757 に答える