div/div style/html/css中div/line/margin/border

由於某些實際原因，我需要使用div樣式來實現div中的中間/中間行。div/div style/html/css中div/line/margin/border

<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>

格在行動 - >http://jsfiddle.net/ZkC68/

如何實現這一目標？如果沒有更好的方法，我正在考慮搬遷前。左邊框內，但我不知道如何...

來源

2013-08-18 weaponx

請你澄清？你想把孩子的元素放在中間還是中間？ – gen

我基本上只想設計空白div的樣式 - 我想以與我可以設計邊框和bg顏色相同的方式設計中心線樣式（style =「[here];」）。我不想插入任何新元素。 – weaponx

如果你想直接風格的中心線，我認爲這是不可能的。（沒有這樣的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-18 09:20:54 gen

div/div style/html/css中div/line/margin/border

回答

相關問題