Html Div自动为100%宽
我有一个简单的问题。为什么网站不会自动调整其内容的大小？例如：Html Div自动为100%宽,html,css,Html,Css,我有一个简单的问题。为什么网站不会自动调整其内容的大小？例如： <html> <div style="margin:auto; background:red;">Test</div> </html> 测验 以宽度返回：100%，尽管我希望单词“Test”简单居中。有什么想法吗？测试 <div style="text-align: center">Test</div> div是100%宽的，因为div是块
<html>
<div style="margin:auto; background:red;">Test</div>
</html>
测验
宽度返回：100%测试
<div style="text-align: center">Test</div>
div是100%宽的，因为div是块元素，这意味着它们跨越100%宽。您需要将显示设置为内联或内联块，以便“拉伸”以适应内容。这非常简单。默认情况下，div具有
display:block应用的样式。因此，块的默认行为是具有其父块宽度的100%。您的问题与HTML的基本原理有关。有和。块级元素，就其本质而言，将始终占据其包含元素的全部宽度。改变这一点的唯一方法是通过CSS
如果您希望用边框或背景色包装一个单词，并且仅此效果，那么您需要使用内联元素。例如：
div，
跨度{
边框：1px纯蓝色；
}
测试
测试
，因为一个是块元素，另一个是内联的。我知道但这不能解释为什么div自动是100%宽的div是100%宽的，因为div是块元素，这意味着它们跨越100%宽。您需要将显示设置为“内联”或“内联块”，以便“拉伸”以适应内容。@Quintile，为您的问题添加信息以使其更有用。好的，如果我给divdisplay:inline如何将其居中<代码>边距：自动不起作用..？要对左右边距使用auto
，您需要指定宽度。现在浏览器有注释，可以查看元素的宽度，而不指定宽度。要使div居中，您可以做的是放置一定的宽度。然后，您可以应用它的边距：0自动；例如，要将其居中，那么使用text align:center有什么错？文本将保持居中，如果不适合其容器，文本将下降到新行。