li 间距或div间距 ????

duaozhuan0 2011-09-25 08:58:15

li 间距怎么调成左右两边的内容是贴着边的

例如
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|
|图片1 图片2 图片3 图片4|

图片1和图片4是贴着边的,每行图片间距自动排列
要怎么弄的

...全文

600 11 打赏收藏转发到动态举报

写回复

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

夜晚的繁星 2011-09-26

打赏
举报

回复

图片1 和图片4
把这两个重设padding与margin

夜晚的繁星 2011-09-26

打赏
举报

回复

margin
padding
都设为0；

woshizhongguorenna 2011-09-26

打赏
举报

回复

<!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 type="text/css">
ul,li {margin:0;padding:0;}
.justify{width:430px;margin:10px;overflow:hidden;border:1px solid #999999;}
.justify ul{width:440px;overflow:hidden;zoom:1;margin-bottom:-10px;}
.justify li{width:100px;height:100px;background:#eee;float:left;display:inline;margin:0 10px 10px 0;}
.margin ul {width:auto;margin:0 -10px -10px 0;}
.col-4 {width:430px;}
</style>
</head>

<body>
<div class="justify">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</div>

</body>
</html>

woshizhongguorenna 2011-09-26

打赏
举报

回复

<!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 type="text/css">
ul,li {margin:0;padding:0;}
.justify{width:430px;margin:10px;overflow:hidden;border:1px solid #999999;}
.justify ul{width:440px;overflow:hidden;zoom:1;margin-bottom:-10px;}
.justify li{width:100px;height:100px;background:#eee;float:left;display:inline;margin:0 10px 10px 0;}
.margin ul {width:auto;margin:0 -10px -10px 0;}
.col-4 {width:430px;}
</style>
</head>

<body>
<div class="justify">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</div>

</body>
</html>

lovelymayi 2011-09-26

打赏
举报

回复

li{padding:0px;margin:0px;line-height:图片高度+间距px;width:图片宽度+间距px;}

ddcatlee 2011-09-26

打赏
举报

回复

http://www.ddcat.net/blog/?p=1199

kaka_ww 2011-09-26

打赏
举报

回复

实在不行可以考虑用table布局

筱伟 2011-09-26

打赏
举报

回复

设置div：margin：0；padding：0；div的宽度=4个图片的宽度+三个margin-right的宽度
设置前三个li img｛display:block;margin-right：（你要的间隔）px｝

Acesidonu 2011-09-25

打赏
举报

回复

margin-left:0
margin-right:0
其他margin、padding自己定义

BLUE_LG 2011-09-25

打赏
举报

回复

float属性、。。。

潮起潮落 2011-09-25

打赏
举报

回复

margin
padding

有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留下了一上问题，就是使用inline-block的元素之间会存在“4px”的空白间距。那么今天我们就一起来说说这个“4px”的问题。 HTML Markup 复制代码代码如下:

<li>item1li> <li>item2li> <li>item3li> <li>item4li> <li>

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。css可以使用margin简写属性设置li标签的外边距来使li间距增大，margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。li标签默认间距如下：第一个li第二个li第三个li效果如下：css让li间距增大：li{width: 300px;height: 3...

HTML是网页制作最基础的编程语言，本课程主要介绍html语言，以及html标签、html文件结构、head标签,还有在html中的注释代码的作用。除此之外课程还回讲解HTML中的常见标签，如div，p，a，span，ul，li，table，form，iframe等。课程重点：表单标签。表单是网页中重要的元素之一，是网页与服务器进行数据交换的主要标签。

div内字与字间距是否能够用CSS代码实现？答案：可应用css实现div字间距布局。CSS字间距的单词代码：letter-spacing1、语法：letter-spacing:3px —— 设置装备摆设对象字间距为3px隔绝距离。2、对悉数div设置装备摆设匹敌字间距div{letter-spacing:2px}如许即设置装备摆设HTML中全部div标签内字与字之间都对抗为2px间距离。3、针对指...

怎么通过CSS来修改UL里LI之间的行间距呢？怎么通过CSS来修改UL里LI之间的行间距呢？。使用css语句：line-height 通过设置不同的line-height值得到不同间距。代码：效果：扩展资料： line-height的可以设置三种方式：像素，百分比，数值。参考资料：w3schoolline-heighthtml中ul，li有关css设置问题。第一个li与开始光标kanga...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章