2014-12-31 15 views
0

下面是CSS代碼:使用div獲得空白空間的高度,我該怎麼做?

.2line_break{width: 960px;height: 2px;} 

我試圖讓使用DIV網站2px的高度換行符,但它不工作。高度差距高於2px。

也試過:

.2line_break{width: 960px;min-height: 2px;} 

我想即使有表,仍然沒有工作。這個的任何解決方案?

+0

你有搜索邊距和補?請提供一些代碼,以便我們可以幫助您 – kapantzak

+0

嗨,是的嘗試邊緣和填充,沒有任何反應。 「在html文件中,我有:

」「style.css file:.line_break {width:960px; height:2px; background:white;}」 –

回答

0

當我重命名你的類名時,它的類名不能以整數開頭。

<div>abc</div> 
<div class="line_break"></div> 
<div>abc</div> 

div {background: green;} 
.line_break{width: 960px;height: 2px; background: red;} 

http://jsfiddle.net/ae1zfx6y/

但讓你不需要額外的元素添加到您的HTML,使用保證金差距。

<div class="margin_between">abc</div> 
<div class="margin_between">abc</div> 
<div class="margin_between">abc</div> 

div.margin_between {background: green;} 
div.margin_between + div.margin_between {margin-top: 2px} 

http://jsfiddle.net/ae1zfx6y/2/

+0

嗨,刪除整數,仍然不工作。 「在HTML文件中,我有:

」 「的style.css文件:{。LINE_BREAK寬度:960像素,高度:2px的;背景:白色;}」 即使我嘗試了DIV + DIV,它適用於使用div的 –

+0

@ Sharath設計器構建的整個網站:我的兩個小提琴鏈接怎麼樣?在兩者之間有2px的差距(第一個在綠色框之間是紅色的,第二個在兩個綠色框之間是白色的(透明的))。第二種使用'margin'的方法是正確的(不需要在HTML中添加其他元素)。 – panther

+0

@ Sharath-designer:看到我更新的答案,它只是一個示例代碼,爲html和css添加了一個類名('margin_between')。所以,只需添加任何類名到你想要在兩者之間留出空隙的盒子。如果你添加一個鏈接到你的頁面,我們可以找到一個上下文而不需要添加這個類名。 – panther

相關問題