社区
CSS
帖子详情
UL中LI的左边距
xiannman
2003-10-18 02:56:41
我在UL的Li中嵌套UL,但它们的左边距比较大,
有没有什么办法能改?
我试了设置offsetLeft也没有什么用
...全文
274
2
打赏
收藏
UL中LI的左边距
我在UL的Li中嵌套UL,但它们的左边距比较大, 有没有什么办法能改? 我试了设置offsetLeft也没有什么用
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zxuan
2003-10-18
打赏
举报
回复
把<style>...</style>加在<head>..</head>里面
zxuan
2003-10-18
打赏
举报
回复
<style>
li{
margin-left:20px;
padding-left:20px;
}
</style>
margin是把LIST的点和内容一起移动
padding是只移动内容,不移动那个点
这是形象得描述,margin和padding的意思不是移动,而是单元边距和内容边距
清除
ul
自带的样式
左边
有间距的方法
1.body
中
的代码如下: 2.在网页
中
打开结果如下: 可以发现
li
的
左边
与页面有一段间距 3.打开调试器可以看到
ul
有自带样式: 我们要清除它自带的样式才能消除边距 消除
ul
自带样式的方法就是在head标签
中
加入style标签,然后在style写入以下代码: 4.刷新网页,页面显示效果如下: 可以看出
li
与旁边的间距没有了,这就是清除了
ul
自带的样式。 ...
如何解决
ul
中
li
的边距问题
在使用css经常遇到
li
右边距多出导致换行的问题。 <body> <div class="box clearfix"> <
ul
> <
li
><img src="img/img.jpg"></
li
> <l...
html
ul
做成表格,
ul
li
css制作表格
实现方法:(利用div的
ul
和
li
列表标记打造类似表格效果)我们首先分析一下如何制作:
li
是固定的宽度与高度(单元格),设置
li
在
ul
中
浮动,当
ul
不够宽的时候,
li
就会自动另起一行排列(一行有多少列通过计算即可得到
ul
的宽度,如一行四列,一列宽100px,那
ul
宽就是400px加上一定的边距)。这样就实现了类似于表格的效果,或者说我们用
UL
+
LI
模拟了表格的效果。我们开始HTML代码的编写:cl...
HTMl
中
<
ul
>标签
中
li
横向排列
大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用<
ul
>标签
中
li
的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。 1编写横向菜单的HTML代码架构 <
ul
id="menu"> <
li
><a href="http://www.baidu.com">Baidu.Com</a>
HTML-div+
ul
+
li
经典布局案例
使用div+
ul
+
li
布局,而且控制CSS样式的时候非常的方便;
CSS
61,110
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章