博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
好程序员分享居中一个float元素
阅读量:6202 次
发布时间:2019-06-21

本文共 824 字,大约阅读时间需要 2 分钟。

  
好程序员分享居中一个float元素,我们布局的时候,用margin来设置float元素的外边距来达到效果。对于,在文档流中的元素,我们很容易让它水平居中,只要给元素设置一个固定的宽度,用margin:0 auto;就行了,这种技巧甚至在IE6中兼容得很好。
  那么如何让浮动的元素水平居中呢?浮动元素脱离了文档流,上面的方法肯定是不行的。特地去网上查了一下,做为学习笔记记录下来我们布局的时候,用margin来设置float元素的外边距来达到效果。对于,在文档流中的元素,我们很容易让它水平居中,只要给元素设置一个固定的宽度,用margin: 0 auto;就行了,这种技巧甚至在IE6中兼容得很好。
  那么如何让浮动的元素水平居中呢?浮动元素脱离了文档流。特地去网上查了一下,做为学习笔记记录下来
 
 
.outer {

1. <p><font size="3">  float: left ;</font></p>

2. <p><font size="3">  postion: relative;</font></p>

3. <p><font size="3">  left: 50%</font></p>

4. <p><font size="3">  }</font></p>

5. <p><font size="3">  .inner {</font></p>

6. <p><font size="3">  float: left;</font></p>

7. <p><font size="3">  position: relative;</font></p>

8. <p><font size="3">  left: -50%;</font></p>

9. <p><font size="3">  /*right: 50%*/</font></p>

10. <p><font size="3">  }</font></p>

转载地址:http://cuaca.baihongyu.com/

你可能感兴趣的文章
Selenium实战教程系列(一)--- 浏览器操作
查看>>
阿里P7攻城狮总结出来的这本书的精华
查看>>
用 pyinstaller 打包含xpinyin 库的Python程序
查看>>
聊聊storm的PartialKeyGrouping
查看>>
阿里试用,女朋友逼着我给她排序
查看>>
Service Worker学习与实践(三)——消息推送
查看>>
DIY党的福利!鹅厂程序员教你200元以内制作专属分体键盘
查看>>
JavaScript 之 面向对象 [ String类型 ]
查看>>
javascript写一个校验邮箱的正则表达式
查看>>
MAC下软件安装之Maven
查看>>
vue 使用jssdk分享
查看>>
使用prince-cli,轻松构建高性能React SPA项目~
查看>>
Angular6中组件使用注意事项
查看>>
动画历程之滚动的坑
查看>>
在Conda中设置只有某环境可见的变量
查看>>
php简单使用shmop函数创建共享内存减少服务器负载
查看>>
使用 YApi 管理 API 文档,测试, mock
查看>>
面试小结--前端面试的几个雷点
查看>>
如何做一个优雅的程序员
查看>>
JavaScript 数据类型
查看>>