2013-09-25 103 views
0

我有兩個容器,一個在另一個之上,最上面有一段文字。底線是否忽略線條高度?

我需要底部的文本行底部容器上方50px。

所以我有50px的保證金底部頂部的容器,或50px的頂部邊距底部的容器。

問題在於,由於文本的線條高度,文本的底線不是50px。

無論如何,當文本到達該點時,文本坐在底部齊平嗎?

希望是有道理的......我欣賞它唯一的微小但有些客戶希望它具體。

+2

HTML教程?小提琴?什麼? – Manoj

回答

1

您可以嘗試在頂部容器作爲其font-size底部相同,邊界設置line-height

font-size: 14px; 
line-height: 14px; 
border-bottom: 1px solid #f00; 
marign-bottom: 50px; 

jsFiddle

+0

謝謝,我會嘗試,看起來好一點。客戶希望它刷新下文本雖然... – user4630

+0

這不工作不幸,因爲行高需要大於字體大小:( – user4630

+0

你可以提供一個jsfiddle或一些代碼?我需要知道你的內部是什麼頂部div – matewka

0

嘗試使用padding-bottom代替margin

+0

填充和邊距結果相同,只是使用示例中的邊距。 – user4630