使用float:left来实现横排的列表框
来源:互联网 发布:黑暗之魂3白色头发数据 编辑:程序博客网 时间:2024/05/21 10:31
很多网站上都有导读的列表框,如:
用css中的float可以来实现这个目标。
<html>
<head>
<style type=”text/css”>
body{margin:0px; padding:0px;}
div#page{width:900px; height:1500px; margin-left:auto;
margin-right:auto; background-color:white; border:1px solid black; font-size:13px;}
ul#sy{position:absolute; left:800px; padding:0px;}
li.swzye{float:left; border-left-style:solid;}
</style>
</head>
<body>
<div id=”page”>
<ul id=”shouye”>
<li>设为主页</li>
<li>收藏本站</li>
<li>手机版</li>
<li>桌面版</li>
<li>广告投放</li>
<li>反馈</li>
</ul> </div> </body> </html>
但是这个呈现出来的结果却是不尽人意的,全部给凑到了一块了,如:
经过不断的试验和查阅相关资料,最终改掉一个地方后,就实现了这个目标。
就是将 sy 和swzy里面相关的属性改变下,准确的代码是:
。。。。。。。。。。。。。阅读全文,请参阅:K.N.J的博客
- 使用float:left来实现横排的列表框
- CSS 之 float 实现多个层横排
- inline-block替换float:left列表
- 使用inline-block实现图片列表展示(对比float的实现)
- 横向列表-使用float
- SQL Server 行转列的实现(横排)
- SQL Server 行转列的实现(横排)
- SQL Server 行转列的实现(横排)
- 列表横排问题。
- EXT 横排列表单样例
- Margin与float:left同时使用…
- 使用float:left不能移到最左边
- css中float left与float right使用详解
- float:left的对象如何居中
- IE7 float:left失效的解决方法
- float-left的对象如何居中
- div的float:left与span标签
- display:inline与float:left的区别
- linux下c语言学习笔记——操作mysql
- U-Boot编译过程完全分析2-include/autoconf.mk和make all
- java response 下载文件
- mysql 乱码问题 linux
- hudson
- 使用float:left来实现横排的列表框
- 用通俗的话理解设计模式-Command pattern
- UVa 10827 - Maximum sum on a torus
- SpannableString对微博内容的处理(超链接、用户名、主题点击跳转)
- redis 命令行操作记录
- C# —— 使用C# NPOI 读取Excel(.xls)文件
- hdu 3535 分组背包
- 难道天要亡我么?
- MySQL内部临时表策略