简单CSS问题

简单CSS问题,css,button,width,Css,Button,Width,我在页面中放置了一个div,或者页面中的任何内容,它会自动将宽度扩展到末尾,就像我将宽度设置为100%。显然,我需要为这个东西设置一个宽度值(比如100px),但我只希望它和内容一样宽,而不是固定的宽度。文本越长,内容就应该越广泛。我该怎么处理?怎么了?您需要设置: width: auto; display: inline-block; 您需要设置: width: auto; display: inline-block; 默认情况下,auto的宽度告诉块元素扩展到父元素的整个宽度。您需要di

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

您需要设置:

width: auto;
display: inline-block;
您需要设置:

width: auto;
display: inline-block;

默认情况下,
auto
的宽度告诉块元素扩展到父元素的整个宽度。您需要
display:table
display:inline block
使其缩小到其内容的宽度

您可以在此处看到操作中的
display:table


默认情况下,
auto
的宽度告诉块元素扩展到父元素的整个宽度。您需要
display:table
display:inline block
使其缩小到其内容的宽度

您可以在此处看到操作中的
display:table


很抱歉,但这可笑地不起作用。在问问题之前我试过了。它仍然是100%宽度。抱歉,但这可笑地不起作用。在问问题之前我试过了。还是100%宽。哦,非常感谢。显示:表格;和显示:内联块都工作得很好。但我还有一些问题。首先,是什么导致了这种情况,为什么我最终要设置显示:表?还有另一件事:使用这两个元素中的一个会有什么区别,或者它们之间有什么不同?内联块元素(想想
)将与任何同级内联元素内联显示,而表元素(想想
)则不会。使用
display:table
也会生成匿名表行/表单元格元素,但这没什么好担心的。哦,非常感谢。显示:表格;和显示:内联块都工作得很好。但我还有一些问题。首先,是什么导致了这种情况,为什么我最终要设置显示:表?还有另一件事:使用这两个元素中的一个会有什么区别,或者它们之间有什么不同?内联块元素(想想
)将与任何同级内联元素内联显示,而表元素(想想
)则不会。使用
display:table
也会生成匿名表行/表单元格元素,但您无需担心。