关于居中的个人总结(可能有些我自己没有意识到的问题),可能还有别的好的方法,可以交流。

ding
ding 发布于 2016-12-29 00:00:04 浏览:264 类型:原创 - 随笔 分类:HTML/CSS - 个人看法 二维码: 作者原创 版权保护
最近在做响应式的过程中(流体式布局,rem还有框架的我用的较少可以交流互相学习)发现居中的作用实在特别巨大(可以省你很多调响应的代码,如果你用padding或margin挤不准确,且你需要每个分辨率下调),所以觉得有必要小结下。
1、
height:{};
line-height: ;
text-align: ;(行或行块有效)
高和行高组合,我认为这是伪居中(个人自己下的)。因为这个在多行时
是以中线向上了,具体情况自己试,这里不累赘复述。(常用)
2、
line-height: ;(父级)
vertical-align: middle;(这个属性其实比较复杂,自行百度各种浏览器情况解析也不太一样)
text-align:(常用)
3、
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
width:(要有)
height:
4、
position:absolute;
top:50%;
left:50%;
margin-left:-(1/2)宽 ;
margin-top:-(1/2)高;(常用)
5、
w100%(不要定高。这种一般响应式,手机端使用下)
position: absolute;
top:50%;
left:50%/0;(text-align: center;0时)
transform: translate(-50%/0,-50%);(这里也可以自己试验)
6、
js/jq始终居中
标签:
z
给个赞 3 人点赞
收藏 4 人收藏
评论 已有 1 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
小菜鸟2017
小菜鸟20172016-12-30 11:52:521F
不错。继续加油
举报 支持 (0) 回复 (0)
ding ding 作者

心所向,行所致

作者最新