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