请div+css高手兄弟问一个问题,像我图片中这样的ul li列表,我想设置第一个没有左边距如何设置?

但是如果这个列表是循环出来的呢?那该如何进行控制呢?如果给li标签设置float:left; margin-left:10px;这样子设置的话,第一个也会有10像素的左边距,那么末尾的要么空出一截,要么就换行了。

你可以这样设置float:left; margin-right:10px;这样你就是右边边距10,而左边没有
换行的问题你可以根据你总体的大小而定啊
例如每个字占位16个像素,而你这个LI最多也就4个字符,
可以设置每个LI宽度为16X4+5个像素间隔
为每个LI的实际宽度为69像素;左对齐即可;
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-10-14
1.固定好每个LI的宽度不就可以了吗,看看这些LI中最多字符为多少个,
2.设置一个相同的宽度,即解决这个问题,
3.例如每个字占位16个像素,而你这个LI最多也就4个字符,
4.则可以设置每个LI宽度为16X4+5个像素间隔
5.则为每个LI的实际宽度为69像素;左对齐即可;本回答被提问者和网友采纳
第2个回答  2012-10-13
两种方法,一种是专门给左边第一个单写一个左侧边距0;另种是所有都写左边距0,右边距你想要的间距。
第3个回答  2012-10-13
那你可以用margin-right:10px啊。。。
第4个回答  2012-10-13
那就左边距为零,设置右边距 啊追问

设置右边距的,右边末尾的li标签右边会有空余,

追答

本身不是就需要10px的空余吗

li里面设置padding-right:10px;宽度不用设置,就可以啊

就是上图的样子

请div+css高手兄弟问一个问题,像我图片中这样的ul li列表,我想设置第一...
你可以这样设置float:left; margin-right:10px;这样你就是右边边距10,而左边没有 换行的问题你可以根据你总体的大小而定啊 例如每个字占位16个像素,而你这个LI最多也就4个字符,可以设置每个LI宽度为16X4+5个像素间隔 为每个LI的实际宽度为69像素;左对齐即可;...

1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和...
1、在ul样式中设置文本居左对齐。ul { padding:0;margin:0;text-align: left;list-style-type: none;} 2、标签大小不同,可以用自定义的背景图片代替标签样式。ul li { background-image:url(sqpurple.gif);background-repeat:no-repeat;background-position:0px 5px;padding-left:14px;} ...

div+css制作横向下拉式菜单方面的问题
\/* 3. 设置二级菜单默认为隐藏状态, 设置弹出时的位置position值很重要 *\/ li ul { display: none; \/* 默认隐藏 *\/ position: absolute; \/* 弹出后布局相对于最近一个position值为非static的父节点, 第2步设置position就是这个作用*\/ } \/* 4. 设置鼠标滑过父节点时显示子菜单 *\/ li:hover...

CSS里面的div ul li 它们之间是什么样的关系?
ul li是要搭配使用的,二者必须同时出现,<ul> <li>abcd<\/li><li>abcd<\/li><li>abcd<\/li>...<\/ul>一般中间不会出现其他标签。div都可以(一般包含其他内容,也可以用在任何位置,用的比较多),h1一般用做标题比较多,这些标签都可以随机搭配,互相包含也没什么问题。

用CSS+DIV做网页,怎么使<li><\/li>做出来后去掉前面个点啊
在你的网页<head>里加下面代码 <style type="text\/css"> <!-- li { } li { color: #000000;list-style-type: none;} --> <\/style>其实就是修改<li>的样式

css 布局 怎么移动ul ?
我怎么把无序列表标记ul中的内容 移动到靠左边的边缘??匿名 | 浏览4530 次 |举报 我有更好的答案推荐于2017-12-15 09:56:45 最佳答案 用Css设置图片的位置的话: 1.通过position的绝对定位,然后在通过left和top就可以设置你的ul移动位置了;代码如下 <div style='position:absolut; left:0px; top:0px'...

CSS关于ul li的问题
ul li 是一组标签,你可以想像一下,把li当成一个个小方块,ul是一个大盒子,小方块在大盒子里,那么控制li必须不能超过ul了。有些标签用多了, 用熟了自然就明白了 ,如果看了我的解释还是不明白,你可以把这个质疑先放放 先做先用 等熟练了 再回头看看你会豁然开朗。

CSS+DIV中的UL和LI的问题
ul li 是一个整体,ul类似于父类,而li类似于子类.必须和css配合使用!还有ol li dl dt dd astro1 ul{LIST-STYLE-TYPE: none;margin:0px;padding-left:10px !important;padding-left:8px;} 设置父类属性 astro1 li{border-bottom:1px dotted #e7e7e7;display:inline;line-height:24px;text-...

div+css中li的一个问题
1、先制作一个高为1px宽为4px的图片,左边2px填充黑色,右边2px填充白色,或者透明。2、然后将这张小图当作li的背景图,x轴重复(repeat-x),上下左右居中。3、再给标签a添加背景颜色为白色。参考代码如下:<style> {margin:0;padding:0;} ul{width:600px;margin:20px;} li{list-style:none;...

DIV+CSS图片分行排布问题
在你定义的DIV中加上float:left;

相似回答