[原]原来inline这么神奇
2007-03-07 22:22
260 查看
<style type="text/css">
ul { padding:0; margin:0; }
li { display:inline; }
.lii { float:left; }
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li class="lii">1</li>
<li class="lii">2</li>
<li class="lii">3</li>
<li class="lii">4</li>
</ul>
我以前为了让li能横着显示都是用的float:left, 但我总觉得浮得太多,到最后不好控制.
今天在同事那里得知display里的inline也可以横着显示,并且有趣的是inline就是成行的意思:)
display:inline, you did fairly well!
ul { padding:0; margin:0; }
li { display:inline; }
.lii { float:left; }
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li class="lii">1</li>
<li class="lii">2</li>
<li class="lii">3</li>
<li class="lii">4</li>
</ul>
我以前为了让li能横着显示都是用的float:left, 但我总觉得浮得太多,到最后不好控制.
今天在同事那里得知display里的inline也可以横着显示,并且有趣的是inline就是成行的意思:)
display:inline, you did fairly well!
相关文章推荐
- 原来人的身体这么神奇!以后试试---众智云
- 【转】天啦噜!原来Chrome自带的开发者工具还能这么用!(提升JS调试能力的10个技巧)
- 一天完成把PC网站改为自适应!原来这么简单!
- ubuntu 10.04设置tomcat原来这么简单
- 【原来宏这么强大】__FILE__, __LINE__, __DATE__,__TIME__
- 冤案?假案?错案?检察院这么办案,真神奇!
- 原来AGILE就是这么一回事啊!
- 啊哈哈哈,原来修改MySQL工作路径这么简单
- 视频也能参与排名,原来这么优化就行了
- 超级震撼!一个精子的旅程!原来我们都是这么来的!
- 怪不的软件开发这么挣钱,原来是有这么多职位
- 原来从移动硬盘全新安装win7这么简单
- 原来js中的this这么好用
- 程序员原来可以这么牛!
- 原来一串空格可以这么写
- 原来Ipod Touch是这么定位的
- 原来不用变量交换两个整型值这么简单
- 【转录】原来Github上的README.md文件这么有意思——Markdown语言详解
- 这么久了,原来我仍是二百五
- 原来冰箱也这么麻烦