div居中显示
来源:互联网 发布:js控制div滚动条位置 编辑:程序博客网 时间:2024/06/07 15:39
关键有两个css代码来结合使用:
//父节点text-aglin:center;//当前节点margin:0 auto;
下面举个例子
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>div居中</title> <style> .divFather{ text-align:center} .div{ margin:0 auto; width:400px; height:100px; border:1px solid #F00} /* css注释:为了观察效果设置宽度 边框 高度等样式,可以删除 .div{ margin:0 auto; } */ </style> </head> <body> <div class="divFather"> <div class="div"> DIVCSS5实例 </div> </div> </body> </html>
0 0
- 居中显示的div
- div 居中显示
- div内容居中显示
- Html DIV居中显示
- DIV水平居中显示
- div 上下左右居中显示
- div居中显示
- div屏幕居中显示
- DIV居中显示
- div居中显示
- 使div居中显示
- div居中显示方法
- div居中显示
- div居中显示
- div垂直居中显示
- div居中显示
- div 浏览器居中显示
- 内部div居中显示
- leetcode.455.Assign Cookies
- STL——不定长数组
- DropMenuWidget(下拉二级菜单)
- Leetcode 455. Assign Cookies
- Android(安卓)产生0-9不重复随机数组高效方法。
- div居中显示
- 纯CSS画三角形,深度解析原理/思维扩展
- [Python模块学习]用qrcode模块生成二维码
- Activity中的数据传送—案例: 购买装备
- VMware 虚拟机linux联网
- 终身机器学习(Lifelong Machine Learning)综述
- 递推递归练习E
- 【实验三】多媒体文件的读写和转换
- Codeforces Beta Round #4 (Div. 2 Only) D. Mysterious Present 记忆化搜索