IE7切斷邊界上跨度標籤

我在我的CSS樣式表下面的類：IE7切斷邊界上跨度標籤

.errormsg { 
    border:solid 1px Red; 
    padding:5px 20px 5px 20px; 
    margin:5px; 
    color:Red; 
    font-size:medium; 
    font-weight:bold; 
}

當我在IE7中查看，頂部和底部邊框被切斷了，當我使用這個類的一個span標籤。

我需要添加什麼才能讓它在IE7中工作？

來源

2012-01-11 Michael Kniskern

爲什麼它在SPAN上而不是DIV？ – FakeRainBrigand 2012-01-11 18:26:29

我實際上剛剛從CSS樣式類中移除了'border'屬性。 – 2012-01-17 15:57:59

<pan>元素將被視爲內聯元素，除非您另有指定。將display: block;添加到您的CSS並從那裏去。替代方法是使用<div>來包裝錯誤消息，因爲默認情況下，<div>被視爲塊元素。

來源

2012-01-11 18:24:36 nnelson

當線高不夠大時，我發現這種類似的問題。嘗試稍微增加它。

來源

2012-01-11 18:36:36

+1 - 適用於IE9的IE7版本：http://jsfiddle.net/HSbJt/2/ – 2012-01-11 19:02:39

設置在<div>display: inline-block;將解決顯示問題，而寬度仍然會適應文字大小： Demo

你也可以雲杉它有點與css3text-shadow，box-shadow，並且gradient用an icon from iconfinder：Demo

來源

2012-01-11 20:35:22

IE7切斷邊界上跨度標籤

回答

相關問題