Question

我想知道如何更改此列表边框的宽度（RSS提要），使其大约是内容宽度的一半并居中，而不会更改DIV或RSS提要的宽度。

.rssBody ul { list-style: none; 
}

.rssRow,.rssRow p { 
    margin-bottom:-5px;
    border-top:1px dashed #000000;

}

这是RSS提要的CSS：

#recent_feed{
    top:213px;
    right:23px;
    width:230px;
    padding-bottom:80px;
    font-family:'MuseoSlab', 'Helvetica', 'Arial';
    font-size:16px;
    text-align:justify;
    position:absolute;
    z-index:0;
}

您可以在此处看到它：http://www.cjfoote.co.uk/news/index.html

Answer 1

CSS边框应用于元素的完整尺寸，不能仅应用于特定部分或某个宽度或高度。它将始终与整个元素接壤。

要完成类似的事情，您最好的选择是创建一个看起来像您想要完成的边框效果的图像，并将其设置为元素背景。

Answer 2

我会使用伪元素来做，尽管这并不一定适用于所有浏览器。应该是IE 8+。

.rssRow:before, .rssRow p:before {
    content: ""; /* So that it will show */
    display: block; /* So it can have width */
    width: 50%; /* Make sure position on these elements is relative (or something besides default) */
    height: 1px;
    border-top: 1px dashed #000000;
    margin: 0px auto; /* Center the line */
}

更改边框CSS的宽度

2 个答案: