dfkt.net
当前位置:首页 >> 怎么让Div 的ul 和li向Div对齐? >>

怎么让Div 的ul 和li向Div对齐?

li左对齐要先将ul、li的默认左边距给去除了。 ul,li{ margin:0px;padding:0px;} 至于li的样式,可以先将ul的样式给去除了,也可以将“·”直接放在li里面,如下:·jdljoueoulgjl

你可以给最左边的两张图片添加一个padding-left属性,让图片整体偏右一些(o=^•ェ•)o┏━┓

.box{ width:100%; background:#0099FF; } ul{ margin:0; padding:0; list-style:none; } ul .li1 { float:left; } ul .li2 { float:right; } .clean{ clear:both; } 导航区域 登录区域 恩 这个代码在火狐和ie里都能正常显示的 快复制粘贴看看...

list-style-image 这个可以用position 来设置图片位置 : list-style-position: 5px 5px; 但是 list-style-image 各种属性在各种浏览器效果不一, 所以我们抛弃list-style-image ,而改用插入一个小图片。 例如: 标题标题一标题标题一标题标题...

你那个看着是平分的是一种前台的视觉上的效果,如果字体大小或默认的单行高度变化,就会出现问题,建议解决方案如下: ul,li{margin:0px;padding:0px;border:none;list-style;none;} //清除系统默认ul li的边距、边框、列表样式 #topleft ul li{...

第二个div 的ul 添加样式: div ul {margin:0; padding:0;} 因为 ul 标签元素本身自带有 margin 属性和 padding 属性,所以中间的空隙是 ul 的边距造成的

首先你的div要有宽,其次设置你的ul宽度然后加上margin: 0 auto;意思是上下间距是0,左右是自动,这样就会水平居中 例如: 标题 标题 css如下: .box1{ width:800px; margin:30px auto ; } .ul-si{ width: 300px; margin: 0 auto; }

外面的那个div padding:0px; ul的padding:0px; margin:0px

float漂浮float:letf;做浮动

网站首页 | 网站地图
All rights reserved Powered by www.dfkt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com