clwn.net
当前位置:首页 >> 怎样让ul的li在一个Div中平铺 >>

怎样让ul的li在一个Div中平铺

外面框设置固定宽度,然后li下面的a的css属性设置为:块级元素 然后给a固定宽度,并可设置内或外边距,然后要充满外框就靠慢慢调整a上面的宽度和内外边距.

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

给ul设置margin:0 auto;试试.

把li和ul的高度设置一样的,就可以了啊,但是你得设置ul,li{padding:0px; margin:0px}

给LI加上display:block;

1、首先先打开我们的开发环境 新建一个web项目.2、在html中引入css文件 这里是html页面的代码 div和ul.3、将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center .4、运行web项目后得到的结果如图所示 垂直居中了.5、 将display设置为table-cell,将vertical-align设置为middle即可 .6、将ul的高度设置为百分比然后使用相对定位设置top为二分之一的百分之百减去ul的高度即可 .7、使用line-height将其设置div的高度 必须是确定值,然后将li左或者右浮动即可.

#footer ul{ display:inline; margin:0 auto;}

给class ="topbar-1" 的div 的css加上float:left如果还不行就把ul用div包起来,也加 float:left

<div style="width:100%"> <ul style="width:100%; height:100%; display:inline-flex"> <li> 1 </li> <li> 2 </li> <li> 3 </li></ul></div>

你可以自己下 点文件--另存为--(第二格改成网页,全部) 下好后有一个文件夹,你在那个文件夹里就能找到它的CSS文件

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