2011-07-07 104 views
-1

我是CSS新手,我遇到了邊框問題。我有一個帶有下邊框的標題。我也有一些後來用javascript添加的文本。調整自己的CSS邊框

問題是,當javascript文本出現時,它延伸超過標題的結尾。這也導致邊界延伸。

有什麼我可以做的,以防止這種情況?

+0

你能舉一個你想要的結果的例子嗎?如果標題中沒有額外文字的空間,您希望發生什麼? –

+2

如果沒有看到我們正在處理的事情,很難回答這個問題。 – tybro0103

+0

請告訴,你想防止什麼。從邊界變長或頭部溢出? – Steeven

回答

0

頁眉的CSS內,添加這些CSS定義:

overflow: hidden; 
line-height: 32px; 
height: 32px; 

身高只有在這裏,以確保頭高度將不動了,溢出將片段中的所有內容的維標題框。該行高度將導致內容垂直居中

0

[...]「這將導致邊界以及延長。

有什麼我可以做,以防止這種情況?」

好吧,如果問題(如你解釋一下上面)嚴格只與邊框是長期的事情,你應該做一個邊框與其他元素。 FX通過將<hr>在頭的底部,這個CSS:

hr.border 
{ 
    position: absolute; 
    bottom: 0; 
    left: 0; 
} 

然後當然去除頁眉下邊框。