合肥 芜湖 蚌埠 淮南 马鞍山 淮北 铜陵 安庆 黄山 阜阳 滁州 六安 宣城 池州 亳州 宿州 SEO学习教程 PHP+MYSQL教程 网页设计教程

网页设计中如何对文字、图片、ul居中?

时间:2012-11-22 16:07:16  浏览:

在网页设计中可能会需要对各种元素居中,前一篇文章小编写了一篇关于div在页面中如何居中,后来又有学员提问文字如何在block元素中居中,图片又如何居中,ul列表又该如何居中,所以合肥网页设计培训在这一篇文章中就直接给家一一解读网页设计中关于居中的问题。

一,文字在div如何居中

这种居中是最容易的,我们只要对div块级元素设置text-align: center;就可以轻松解决文字在div中居中显示。

二,图片在div如何居中

图片跟文字居中的方式都是一样的,我们只要对div块级元素设置text-align: center;就可以轻松解决图片在div中居中显示。

三,ul列表在div如何居中

div列表居中

ul列表在排版中居中设置

ul列表元素首先作为一个块级元素来说居中也是跟div在页面中居中方法都是一样的,div在页面中居中我们只要margin-right: auto; margin-left: auto;就ok了。不过在这里指的提醒大家的是ul居中有一个前提条件就是ul必须要给一个宽度,只有设置宽度后才可以识别居中效果。


下一页: HTML5的明天 局部有小雨 你站的地是晴天还是下雨

上一页: css如何清除浮动属性?

本文关键词:div文字居中,div图片居中,div列表居中
本文《网页设计中如何对文字、图片、ul居中?》是由合肥德曼电脑培训中心原创,版权所有!
本文网页路径:http://www.dmseo.com/design/601.html
更多

开课信息

SEO培训

PHP培训

网页设计培训

短期课程培训

photoshop教程 开课信息 培训焦距 新闻公告 在线试听 学员作品 培训环境 div+css SEO教程 PHP教程 网页设计知识 网络营销知识 ASP教程 神马都是浮云 
关于德曼 | SEO培训 | PHP培训 | 网页设计培训 | 报名方式 | 联系我们 | 版权声明 |
CopyRight © 2005-2012 合肥德曼电脑培训中心 www.dmseo.com, All Rights Reserved.
本站所有内容版权所有,未经许可请勿转载。网站备案:皖ICP备09018273号

SEO学习:站在巨人的肩膀上,你才能看的更远!