在网页设计中可能会需要对各种元素居中,前一篇文章小编写了一篇关于div在页面中如何居中,后来又有学员提问文字如何在block元素中居中,图片又如何居中,ul列表又该如何居中,所以合肥网页设计培训在这一篇文章中就直接给家一一解读网页设计中关于居中的问题。
一,文字在div如何居中?
这种居中是最容易的,我们只要对div块级元素设置text-align: center;就可以轻松解决文字在div中居中显示。
二,图片在div如何居中?
图片跟文字居中的方式都是一样的,我们只要对div块级元素设置text-align: center;就可以轻松解决图片在div中居中显示。
三,ul列表在div如何居中?
ul列表在排版中居中设置
ul列表元素首先作为一个块级元素来说居中也是跟div在页面中居中方法都是一样的,div在页面中居中我们只要margin-right: auto; margin-left: auto;就ok了。不过在这里指的提醒大家的是ul居中有一个前提条件就是ul必须要给一个宽度,只有设置宽度后才可以识别居中效果。
下一页: HTML5的明天 局部有小雨 你站的地是晴天还是下雨
上一页: css如何清除浮动属性?
本文关键词:div文字居中,div图片居中,div列表居中