html无序列表怎么在div中居中?

 我来答
飞喵某
高粉答主

2019-06-12 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.3万
展开全部

1、首先在html编辑器中新建一个html文件,写入一个div并给div设置class属性,然后在div里面设置一个无序列表:

2、接着设置一下div的样式,给它一个宽度和高度及背景颜色即可。然后设置div中的ul的属性的display的属性值为table,之后在设置margin的值上下边距为0,左右为auto,ul列表就居中了:

3、最后打开浏览器查看效果,可以看到div中的列表诗句中的。以上就是html无序列表在div中居中的方法介绍:

阿鑫聊生活
高粉答主

2019-06-21 · 生活知识分享小达人,专注于讲解生活知识。
阿鑫聊生活
采纳数:1217 获赞数:235058

向TA提问 私信TA
展开全部

1、首先打开Sublime Text软件,新建一个HTML页面

2、然后我们在html页面中加入div标签,并且在div标签中加入一些文字

3、接下来我们给div标签编写CSS样式,如下图所示,这里主要是text-align和line-height两个属性

4、最后我们运行页面程序,你就会在页面中看到div中的文字水平垂直都居中了

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
奥力给2023
推荐于2017-10-06 · TA获得超过2164个赞
知道小有建树答主
回答量:731
采纳率:67%
帮助的人:381万
展开全部

html中无序列表始于 <ul> 标签。每个列表项始于 <li>

<ul>
<li>无序列表1</li>
<li>无序列表2</li>
</ul>

html中有序列表始于 <ol> 标签。每个列表项始于 <li>写法如下:

<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>


使无序列表在div中居中,简单演示一下示例:首先打开DW(当然也可以别的编辑工具),因为是在div中居中,所以要新建一个div样式,这里用width:100%;取名mian如图:

因为如题所说是无序列表,那么在这里用<ul><li></li></ul>,开始有详解;

展示效果:如图:

text-align:center; 文字居中对齐;

list-style-type:none;的含义是去除  无序列表的点,如果不加的话,请看示例图:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
357789424
2013-07-14 · TA获得超过211个赞
知道小有建树答主
回答量:147
采纳率:0%
帮助的人:99.8万
展开全部
给ul加一个display:table;height:auto;margin:0 auto;,并且这个ul需要设置宽度才能居中。
追问
错了 是li元素
追答
错什么错,你ul设置了li就不用设置了。给li加上居中还不如给ul加居中。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
peng_diy
2013-07-14
知道答主
回答量:4
采纳率:0%
帮助的人:5801
展开全部
给无序列表加个样式,然后用margin_left来居中也可以的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式