CSS样式display:inline的使用 与元素居中显示
来源:互联网 发布:进销存软件重要性 编辑:程序博客网 时间:2024/05/22 06:54
一
display:inline 的作用是设置对象做为行内元素显示,inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span) 而我们一般用的div是块级元素,默认display属性是block, 但将div的display设置为inline的话,则多个div可以像span一样显示在一行了。
用途:让块级元素变换为行内元素并显示 。
效果:变为行内显示。
二
margin:0 auto;是使自身在浏览器内居中,需要配合宽度使用:
1
2
3
<
div
stley
=
"width:500px;height:200px;border:1px solid #000000;margin:0 auto;"
>
使用margin:0 auto;后不要设置float:left和right,否则会失效
</
div
>
text-align:center;是使标签的内容居中:
1
2
3
<
div
stley
=
"width:500px;height:200px;border:1px solid #000000;margin:0 auto;text-align:center;"
>
使用text-align:center;后,此div中的内容会居中
</
div
>
阅读全文
0 0
- CSS样式display:inline的使用 与元素居中显示
- display:inline-block和元素水平居中的关系
- css块元素的 display 属性 inline-block 的应用
- 使用CSS让元素居中显示的技巧
- 解决CSS样式中display:block;不能居中的问题
- css显示属性(display)block和inline的区别
- 图片居中显示的css样式代码
- css的display样式中block,inline和inline-block的区别
- html使用display:inline-block实现标签右对齐,值左对齐效果。和设置div宽度,并居中显示。嵌套div的里层div文字居中显示
- CSS:display:inline;的认识
- css的display:inline-block
- CSS中样式 display 属性 inline,block及inline-block
- CSS中样式 display 属性 inline,block及inline-block
- CSS中样式 display 属性 inline,block及inline-block
- CSS中样式 display 属性 inline,block及inline-block
- css样式控制元素居中
- CSS实现元素的居中显示
- div居中显示 css样式
- 《一》注册订阅号并完成基本配置
- iOS开发对象和指针
- 最短路径算法----Dijkatra
- 小米笔记本安装原生win7
- 互联网协议入门
- CSS样式display:inline的使用 与元素居中显示
- 微信公众号网页H5 微信支付
- LeetCode: 561. Array Partition I
- 极客学院tensorflow教程中缺失的inputdata.py代码
- 总结:java设计模式之---工厂方法
- metasploit基本用法
- Cordova的WebView兼容问题-X5引擎插件
- Scala变量
- spring bean 的生命周期(最全)