【问题标题】:Simple CSS Issue简单的 CSS 问题
【发布时间】:2013-02-17 18:18:45
【问题描述】:

我在页面中放置了一个 div,或者在页面中放置了任何内容,它会自动将其宽度扩展到末尾,就像我将宽度设置为 100% 一样。显然我需要为这个东西设置一个宽度值(比如 100px),但我只是希望它和内容一样宽,而不是固定的。文本越长,内容应该越宽。我该如何处理?怎么了?

【问题讨论】:

    标签: css button width


    【解决方案1】:

    默认情况下,auto 的宽度告诉块元素扩展到父元素的整个宽度。您希望 display: tabledisplay: inline-block 将其缩小到其内容的宽度。

    您可以在此处查看display: table 的实际操作:

    http://codepen.io/cimmanon/pen/FvGxl

    【讨论】:

    • 哦,非常感谢。显示:表格;和 display: inline-block 都运行良好。但我还有一些问题。拳头是什么可能导致这种情况发生,为什么我最终必须设置显示:表?另一件事:使用两者中的一个会有什么不同吗?或者它们之间是否存在不同之处?
    • 内联块元素(想想<img />)将与任何同级内联元素内联出现,而表格元素(想想<table/>)不会。使用display: table 也会生成匿名表格行/表格单元格元素,但您无需担心。
    【解决方案2】:

    你需要设置:

    width: auto;
    display: inline-block;
    

    【讨论】:

    • 对不起,但这可笑地不起作用。在问这个问题之前我试过了。它仍然是 100% 宽度。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-10-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多