100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css让浮动元素水平居中【HTML】

css让浮动元素水平居中【HTML】

时间:2022-10-22 03:46:50

相关推荐

css让浮动元素水平居中【HTML】

web前端|html教程

css让浮动元素水平居中

web前端-html教程

对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。

canvas 工具 源码,ubuntu双系统很卡,显示tomcat已经在运行,python爬虫库xp,php5垃圾回收机制,seo检查手册lzw

对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下:

客户端源码怎么使用,谷歌手机ubuntu,tomcat 绿色版启动,网站软件爬虫,php程序书写,道滘seo关键词优化哪家好lzw

HTML 代码:

俱乐部管理系统 源码,ubuntu如何退出插件,爬虫突破同源策略,php开发工程师驻场多少钱,问答seo费用lzw

我是浮动的

我也是居中的

CSS 代码:

.box{ float:left; position:relative; left:50%;}p{ float:left; position:relative; right:50%;}

这样就解决了浮动元素水平居中了;

父元素和子元素同时左浮动,然后父元素相对左移动50%,再然后子元素相对右移动50%,或者子元素相对左移动-50%也就可以了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。