dfkt.net
当前位置:首页 >> DIV中嵌套一个ul与一个子Div,怎么垂直对齐居中? >>

DIV中嵌套一个ul与一个子Div,怎么垂直对齐居中?

你是想让模拟搜索栏放到菜单下面吗? 如果是这样 简单地说在有float的情况下 你给ul 和 div一个宽度 这样就好了 而且保险。加上 margin: 0 auto;就好了

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

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

ul设置高度和text-align:center,a标签加display:block并设定行高=ul高度。

必须设定div的高度和ul的高度,然后设定div垂直居中

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

如果ul有宽度,ul{margin:0 auto;}就可以居中,而不需要定位

.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里都能正常显示的 快复制粘贴看看...

没看过这类ul嵌套div的写法的,要使列表和div水平显示在同一行,其实很简单,方法如下: 123 123 CSS代码: ul{ width:宽度; height:高度; float:left; //左浮动 } div{ width:宽度; height:高度; float:left; //左浮动 } 欢迎追问!

说什么 margin 的都是菜鸟 请参考 .a1 { border: 1px solid red; } .a2 { border: 1px solid black; text-align: center; font-size: 0; } .a3 { border: 1px solid green; height: 100px; width: 200px; list-style: none; display: inline-blo...

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