CSS属性显示问题:内联块

时间:2011-09-21 16:57:09

标签: html css

在怪癖模式(IE)中,以下代码将正常运行。在符合标准的模式下,此代码仅显示嵌套跨度的文本,但宽度不会给出100%。有没有办法强制嵌套的内联块跨度将其宽度设置为div大小,如果是这样,有没有办法在不更改html代码的情况下执行此操作?谢谢你的帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
    <style>
        span {display:inline-block;}
    </style>
<head>
<body>
    <div>
        <span>
            <span style='width:100%; text-align:center;'>
                Blah
            </span>
        </span>
    </div>
</body>

1 个答案:

答案 0 :(得分:1)

父(span)没有任何宽度。只需设置它即可解决问题

div span { width:100% }