我正在为一个博客设计主题,希望用一条细线分隔每篇文章。每篇文章都居中且宽度为800像素。因此,
.post {
background: #fff;
margin: 40px auto;
width: 800px;
padding-bottom: 40px;
border-bottom: 1px solid grey;
}
给我在帖子下面一个漂亮的小边框。
但是,由于帖子
本身只有800像素宽度,border-bottom也将是800像素宽,并且位于帖子下方的中心位置。我希望有一个小的分隔符,可以跨越整个屏幕,而无需将div的宽度设置为100%。 有任何想法吗?
display:inline-block;
并移除导致元素溢出的填充。 - MarmiK