Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS:将文本背景扩展到容器宽度_Html_Css - Fatal编程技术网

Html CSS:将文本背景扩展到容器宽度

Html CSS:将文本背景扩展到容器宽度,html,css,Html,Css,我在单元格中有一个文本,我想做一个背景色,但我想颜色宽度取容器div的宽度,而不是文本的宽度。 HTML: 将截面跨距样式设置为“显示:块/内联块”,或使用div代替跨距 .科{ 背景色:f7a7af; 宽度:100%; 背景尺寸:包含; 显示:内联块; } 删除成员: 您需要将span的显示更改为内联块,因为默认情况下,span具有display:inline,并且无法设置内联元素的宽度 .col-md-4{ 宽度:300px; 背景:浅蓝色; } .科{ 背景色:f7a7af; 宽度:

我在单元格中有一个文本,我想做一个背景色,但我想颜色宽度取容器div的宽度,而不是文本的宽度。

HTML:


将截面跨距样式设置为“显示:块/内联块”,或使用div代替跨距

.科{ 背景色:f7a7af; 宽度:100%; 背景尺寸:包含; 显示:内联块; } 删除成员: 您需要将span的显示更改为内联块,因为默认情况下,span具有display:inline,并且无法设置内联元素的宽度

.col-md-4{ 宽度:300px; 背景:浅蓝色; } .科{ 背景色:f7a7af; 宽度:100%; 显示:内联块; } 删除成员:
<div class='col-md-4'>
<span class='section'>Remove Members:</span>
</div>
.section{
  background-color: #f7a7af;
  width: 100%;
  background-size: contain;
}