簡體   English   中英

css / html-在li標簽之前刪除空格

[英]css / html - remove space before li tag

我想刪除li標簽前的空格(標記為黃色),我不知道如何。

我閱讀了有關此問題的其他問題,但無濟於事,我嘗試添加空白:0px

這是描述問題的屏幕截圖:

在此處輸入圖片說明

<html dir="rtl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<style type="text/css">

*
{
    font-size:13pt;
    font-family:Arial;
}

hr {
border:1px; Border-Style: solid; border-color: D8D8D8;
}

.menu ol,ul{list-style:none; }
.menu ul li{    display:block; }

.menu{
}
.menu a{
    background:#f9f9f9;
    border-bottom:1px solid #eee;
    display:block;
    padding:13px;
    color:#767676;
    font-size:12px;
}
.menu a:hover{
    background:#fff;
}
header .menu{
    border-top:1px solid #eee;
}
header .menu a{
    padding:15px 15px 15px 25px;
}
header .menu li:last-child a{
    border-bottom:none;
}


a:link, a:visited, a:active {color: #033254 } 
a:hover{color:E19E21} a{text-decoration:none}
</style>
<body bgcolor='#FDFDF7' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


            <ul class="menu">


<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>

</ul>       

設置padding-right: 0; 在你的ul

.menu {
    padding-right: 0; 
}

更改

.menu{
}

.menu{
    padding: 0;
}

您只需將padding:0添加到您的ul元素中:

ul.menu {
    padding: 0;
}

http://jsfiddle.net/W44ay/1/

嘗試使用此重置CSS

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
margin: 0;
padding: 0;
border: 0;
}

通常,間距可能是由ul元素或li元素上的默認邊距或填充設置引起的。 要清除所有內容(在此處似乎合適),請設置

.menu, .menu li {
  margin: 0;
  padding: 0;
}

如果例如在菜單之前或之后需要一些間距,請在上述規則之后分別進行設置,例如.menu { margin-bottom: 1em }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM