Html 如何阻止背景色覆盖整个屏幕_Html_Css_Background Color

Html 如何阻止背景色覆盖整个屏幕

html css

Html 如何阻止背景色覆盖整个屏幕,html,css,background-color,Html,Css,Background Color,我不希望我的背景色覆盖整个屏幕。我该怎么做 <body> <h1 style = "color:blue;text-align:center;background-color:green;">text</h1> </body> 文本 h1是一个块元素，您可以添加显示：内联块，如果您希望它被删除，您可以将它用文本对齐：居中包装在一个div中 JS-Bin 文本将文本包装到span中并应用该span的背景色将h1放置在一个div中并设置

我不希望我的背景色覆盖整个屏幕。我该怎么做

<body>

<h1 style = "color:blue;text-align:center;background-color:green;">text</h1>

</body>


文本

h1

是一个块元素，您可以添加

显示：内联块

，如果您希望它被删除，您可以将它用

文本对齐：居中包装在一个div中


JS-Bin
文本
将文本包装到span中并应用该span的背景色
将h1放置在一个div中并设置该div的宽度。
创建一个span并应用您的样式


文本
h1

是块级元素，大多数浏览器为块级元素设置100%的宽度。您应该使用

flex

CSS来修复此问题：

.container{
显示器：flex；
证明内容：中心；
}
.头牌{
颜色：蓝色；
背景颜色：绿色；
}


文本

您想要多宽？您好，欢迎来到StackOverflow。您需要决定屏幕的多少部分应该是绿色的，然后通过设置相关元素的宽度和/或高度来获得HTML以反映这一点。您提供的内容将始终默认在屏幕上下延伸。当您进入HTML和CSS时，您会发现了解哪些元素是

块

级别以及CSS中各种类型的

显示

值很有帮助。请参阅下面的链接以及底部的“另请参阅”部分：这会阻止我将文字居中。有什么方法可以阻止这一点吗？这似乎也阻止了我将文本居中。有办法解决这个问题吗？