English 中文(简体)
无序清单的边境地带符合四分五裂的整个宽度。
原标题:Border in unordered list doesn t fit the whole width of the div

我是一份垂直的、无顺序的路障清单(在四处),其中我有一条边界。 但在某种程度上,边界并不适合整个牧场。 我猜测,为了做到这一点,这ul子必须完全适合,但我不知道如何。

这颗 d和ul子被击中:

“list

而使用:

.stats-list li{
    zoom:  1;
    border-bottom:1px solid #ececec;
    border-spacing:30px;
    display:block;
    text-align:left;
    margin-bottom:20px;
    color:#ffffff;
    height:40px;
}
.stats-list ul{
    list-style-type:none;

}

我从来不去处理这个问题。 是否有任何解决办法? 感谢。

最新资料(超文本):

<div class="checkin-stats-right">
        <ul class="stats-list">
            <li>bla blaaa</li>
            <li>blaaaa</li>       
            <li>blaaaaaa</li>  
        </ul>

</div>

另一项更新(母体编码):

.checkin-stats-right{
    background-color: #cfcfcf;
    width: 320px;
    height: 180px;
    margin-right: auto;
    float:left;
    margin-left:25px;
    margin-top:25px;

}
最佳回答

否则,<代码>UL要素通常有<>patter-left ,固定在一定数量的基础上。 为此:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style>
            .stats-list li {
                zoom:  1;
                border-bottom:1px solid #ececec;
                border-spacing:30px;
                display:block;
                text-align:left;
                margin-bottom:20px;
                color:#ffffff;
                height:40px;
            }

            ul.stats-list {
                list-style-type:none;
                padding-left: 0;
            }

            .checkin-stats-right {
                background-color: #cfcfcf;
                width: 320px;
                height: 180px;
                margin-right: auto;
                float:left;
                margin-left:25px;
                margin-top:25px;
            }
        </style>
    </head>
    <body>
        <div class="checkin-stats-right">
            <ul class="stats-list">
                <li>bla blaaa</li>
                <li>blaaaa</li>       
                <li>blaaaaaa</li>  
            </ul>

        </div>
    </body>
</html>
问题回答
.stats-list ul {
  padding-left: 0;
}

并请注意,在您的超文本中,“统计清单”与“统计清单”相对应。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签