我有一个H3标题,我想要样式具有特定的背景颜色,但没有元素的背景占用父元素的全宽.看到H3默认是一个块元素,我的样式需要将元素更改为内嵌块元素,或者只是一个内联内嵌元素,如下所示:
h3 { background-color: #333; color: white; display: inline-block; }
这可以正常工作,但只有当它紧随其后的是一个块元素.我不想改变标记,只是为了迎合这种风格,所以我想知道是否有办法造成任何相邻的元素,无论它如何显示,从下一行开始?
假设我可以使用CSS3.
解决方法
尝试这个:
h3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }