文档章节

li横向排列

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:36
字数 95
阅读 2
收藏 0
img{border:none;}
ul,li{
margin:0;
padding:0;
}
li{
list-style:none;
float:left;
display:inline;
margin-right:10px;

border:1px solid #AAAAAA;

// ie8中  强制按比例缩小图片

// max-width:100px;

}

// 强制按比例缩小图片

//  li img{
//  max-width:100px;
// }

<ul>
<li><a><img src ="image01/apple_1_bigger.jpg" /></a></li>
<li><a><img src ="image01/apple_2_bigger.jpg" /></a></li>
<li><a><img src ="image01/apple_3_bigger.jpg" /></a></li>
<li><a><img src ="image01/apple_4_bigger.jpg" /></a></li>
</ul>

本文转载自:http://blog.csdn.net/ruru7989/article/details/21383575

共有 人打赏支持
陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
私信 提问
display的设置

标准流 HTML元素在标准状况下的定位方式 行内元素在同一行内横向排列 块级元素占满整个一行,在页面中竖向排列 元素不会移动到其它地方去,对于嵌套的元素盒子也是嵌套的关系 行内元素的盒子...

RanoB
2016/12/23
11
0
li横向排列的方法

方法总结: 内联 ,浮动 方法一:直接在<li>里面加样式来实现 <ul style=list-style:none;margin:0;><li style="display:inline">我要横向排列</li><li style="display:inline">Hier of chsfi......

Reborn-D
2016/01/14
127
0
解决 织梦列表 横向排列的问题

include文件夹里面arc.archives.class.php和arc.listview.class.php两个文件里面的<li>,</li>全都替换成空白就行。 www.vpincha.cc...

发骚的小逗比
2016/05/21
16
0
浮动问题(IE6最小高度问题、双边距问题以及清理图片间隙)

注意事项:在IE6,7 元素浮动要并在同一行的元素 都要加浮动。 IE6下上边距BUG IE6下,块元素有浮动和横向的margin,横向的margin值会被放大成两倍 IE6,7下li下几个PX的间隙问题 在IE6,7下l...

ShuenWang
2017/03/25
0
0
小猪的模板选择是怎么执行的?

我选中的模版 全部模版 可显示两级分类

freedonn
2015/01/09
116
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue重要知识小结

vue sync修饰 (1)双向数据绑定,父子组件之间信息的交互 1⃣️在自组件中使用this.emmit('toFather'),子组件产生一个tofather事件,然后在父组件中通过@进行监听,那么可以实现通信过程 2⃣...

peakedness丶
33分钟前
1
0
1024我们的码农节-向自己致敬!

一、blog主有话要说 作为(真正)入赘程序届的第一年, 对明天的1024码农节有很多话想说.比如: 给各位辛苦大佬们讲几个咱们程序届段子 给自己立一个flag, 明年的1024争取少掉点甚至不掉头发! ...

Ala6
36分钟前
8
0
solr使用规范

0. 目的 规范solr设计、用法,避免bug,提高性能 1. 设计规范 solr的用途是查询,不是存储,建议查询结果尽量都为id主键,而后再拿该id主键到缓存或者db中再查询相关信息,例如:请勿将经销商...

andersChow
48分钟前
1
0
11-《深度拆解JVM》之Java对象的内存布局

一、问题引入 在 Java 程序中,我们拥有多种新建对象的方式。除了最为常见的 new 语句之外,我们还可以通过反射机制、Object.clone 方法、反序列化以及 Unsafe.allocateInstance 方法来新建对...

飞鱼说编程
52分钟前
1
0
Windows Install Docker

win7、win8 win7、win8 等需要利用 docker toolbox 来安装,国内可以使用阿里云的镜像来下载,下载地址:http://mirrors.aliyun.com/docker-toolbox/windows/docker-toolbox/ docker toolbox...

linuxprobe16
56分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部