簡體 English 中英

CSS屬性顯示問題：內聯塊

[英]Problem with CSS property display: inline-block

原文 2011-09-21 16:57:08 2 1 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 個解決方案

父級（跨度）沒有任何寬度。 只需進行設置即可解決問題

div span { width:100% }

CSS和顯示：內聯塊

[英]CSS and display: inline-block

CSS：顯示：內聯塊；

[英]CSS: Display: inline-block;

內聯塊CSS屬性的對齊問題

[英]Alignment problem with inline-block CSS attribute

css的inline-block屬性無法按預期方式運行

[英]inline-block property of css not behaving as expected

CSS border屬性會破壞內聯塊

[英]CSS border property breaks inline-block

使用display：inline-block的CSS問題

[英]CSS issue with using display:inline-block

CSS表顯示：內聯塊

[英]CSS table display: inline-block

CSS溢出：隱藏與顯示：內聯塊

[英]css overflow:hidden with display:inline-block

CSS顯示：內聯塊| 3列| 沒有花車

[英]CSS Display:inline-block | 3 columns | No floats

CSS“顯示：3列的行內塊”

[英]css “ display: inline-block for 3 column”

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 CSS和顯示：內聯塊 CSS：顯示：內聯塊；內聯塊CSS屬性的對齊問題 css的inline-block屬性無法按預期方式運行 CSS border屬性會破壞內聯塊使用display：inline-block的CSS問題 CSS表顯示：內聯塊 CSS溢出：隱藏與顯示：內聯塊 CSS顯示：內聯塊| 3列| 沒有花車 CSS“顯示：3列的行內塊”

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM