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

我设置了float:left 然后就从竖排变成了如下图的奇怪的布局

我只是想让它横排平铺而已
样式如下

第1个回答  推荐于2017-09-14
<style type="text/css">
div ul,div ul li{
height:30px;
list-style-type:none;
border:1px solid pink;
text-align:center;
}
div ul li{
width:150px;
float:left;
}
</style>
<div>

<ul>
<li>没问题啊</li>
<li>我这是没问题</li>
<li>代码要简单</li>
<li>默认就是block</li>
<li>那就不用设置了</li>
</ul>追问

已解决

追答

要是有问题可以随时问我,联系方式在下面

本回答被提问者和网友采纳

html css 里面 一个div里的ul怎么让他居中对齐?
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...

怎么让div 的ul 和li向div对齐?
用浏览器f12看到的div和ul中的空白处是ul的padding-left的值,所以就直接设置“padding:0;”或者“padding-left:0;”就行了。这种问题,你可以在浏览器中f12看一下开发者模式,选中div、ul或者li元素,查看div和ul或者li中的空白是个什么东西。浏览器f12是个便于调试好东西。

div中有个ul,如何使这个ul在div中水平居中呢?
<style>*{margin:0;padding:0;border:0;}.box{width:400px;height:100px;margin:0 auto}.box ul{list-style:none;}.box ul li{float:left;width:100px;height:100px;line-height:100px;background:#00aff0;text-align:center;font-size:14px;color:#fff;}<\/style><div class="box"><...

怎样让ul的li在一个div中平铺
<li>代码要简单<\/li> <li>默认就是block<\/li> <li>那就不用设置了<\/li> <\/ul>

在div里,如何把两个ul水平居中在一个div里
把这两个UL方到一个DIV里,margin的值一样就行了。实在不行,你可以把他们放TABLE里。

怎样能是的li充满整个ul
回答:用js调节li大小或者padding

让ul在div里水平居中
text-align:center 属性规定元素中的文本的水平对齐方式。代码源件:<!DOCTYPE html> <html> <head> <meta charset="utf-8" \/> <title><\/title> <style> body,div,ul{padding:0px;margin: 0px;} <\/style> <\/head> <body> <div style="width:400px;height:100px; background: #eee...

急!CSS中,怎么让ul li中的图片和文字横向水平居中
建一个div,ul里面包括四个li,在css样式里面设置li水平对齐就行了,text-align:center; 如果发现图片不能对齐的话,可以对它单独设置个padding值。

假如在一个div中放一个无序列表,怎样才能让这个无序列表在div中均匀平 ...
外面框设置固定宽度,然后li下面的a的css属性设置为:块级元素 然后给a固定宽度,并可设置内或外边距,然后要充满外框就靠慢慢调整a上面的宽度和内外边距。

html中怎样在一个div中平行放置内容
用css控制,让元素进行浮动, 比如左浮动或者右浮动!示例查看附件

相似回答