【Html】水平居中总结-不定宽块状元素方法（二）
来源：互联网 发布：mac ps cs6永久序列号 编辑：程序博客网 时间：2024/04/30 09:35
第二种方法：改变块级元素的 display 为 inline 类型，然后使用 text-align:center 来实现居中效果。如下例子：
html代码：
<body><div class="container"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul></div></body>
css代码：
<style>.container{ text-align:center;}.container ul{ list-style:none; margin:0; padding:0; display:inline;}.container li{ margin-right:8px; display:inline;}</style>这种方法相比第一种方法的优势是不用增加无语义标签，简化了标签的嵌套深度，但也存在着一些问题：它将块状元素的 display 类型改为 inline，变成了行内元素，所以少了一些功能，比如设定长度值。
0 0
- 水平居中总结-不定宽块状元素方法（二）
- 【Html】水平居中总结-不定宽块状元素方法（二）
- 水平居中总结-不定宽块状元素方法（一）
- 水平居中总结-不定宽块状元素方法（三）
- 【Html】水平居中总结-不定宽块状元素方法（一）
- 【Html】水平居中总结-不定宽块状元素方法（三）
- 水平居中总结-不定宽块状元素
- 水平居中总结-不定宽块状元素方法
- CSS中不定宽块状元素的水平居中显示
- 不定宽块状元素居中
- 不定宽块状元素 居中显示的方法
- 水平居中设置-定宽块状元素
- 块状元素垂直水平居中
- 行内元素、定宽块状元素、不定宽块状元素的居中对齐方式
- 不定宽块级元素水平居中
- CSS 定宽块状元素的水平居中设置
- css不定宽块级元素居中方法二
- HTML元素水平居中方案总结
- Android基础-数据库SQLite
- java入门练习题四
- 安装linux学习四：centos部署多个tomcat
- 使用nexus搭建maven的私有库
- 简单Spinner
- 【Html】水平居中总结-不定宽块状元素方法（二）
- storm 0.10.0 kafkaSpout 总是读取旧消息 offset丢失问题
- 脚本工具
- JS--获取元素
- Java文件操作(二)按照字符读写
- SMB CIFS Samba NFS NAS
- 四类文法
- 工作的小问题及解决
- jeecg3.6 maven版入门学习
