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切断边界上跨度标签

回答

相关问题