怎样去除ul li标签左侧的空白.

list-style:none;可以去除li标签的圆点.但是圆点占用的空间还在.如图:怎样去除啊.定位和magin不能用.因为我要用overflow:hidden溢出隐藏... list-style:none; 可以去除li标签的圆点. 但是圆点占用的空间还在. 如图:

怎样去除啊. 定位和magin 不能用. 因为我要用overflow: hidden溢出隐藏的。
这是用来做首页大图横幅的.
magin 0 和padding 0 有用.
但是溢出隐藏照样把它隐藏了. 我想要除了第一张图片其他图片隐藏.
做轮播图你们懂的...
展开
 我来答
aAa9079
2015-01-05 · TA获得超过2289个赞
知道大有可为答主
回答量:1181
采纳率:100%
帮助的人:673万
展开全部
这个问题理论上应该是很简单的,但是我不知道你要说什么。
overflow: hidden和margin、padding有什么冲突呀?
如果只是去除左边的空白,你可以用padding-left:0px;
不行的话,你再细说下。
或者干脆单独找我。Q号的话,我资料里有写。
更多追问追答
追问
因为li占用的空间超出了外div的宽度.
overflow: hidden 视为超出部分. 完全把图片给隐藏了....

padding-left:0px;是能去掉左边的空白. 但是overflow: hidden 还是把图片给隐藏了..

其实我就是想问: 如何去掉li左边空白.并溢出隐藏保留第一张图片.
追答

你说的是这个意思么:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
ul,li{
 list-style:none;
 margin:0px;
 padding:0px;
}
img{
 border:0px; 
}
#main{
 width:200px;
 height:180px;
 overflow:hidden; 
}
</style>
</head>
<body>
<div id="main">
    <ul>
        <li><img src="1.jpg" width="200" height="180" /></li>
        <li><img src="2.jpg" width="200" height="180" /></li>
        <li><img src="3.jpg" width="200" height="180" /></li>
        <li><img src="4.jpg" width="200" height="180" /></li>
    </ul>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式