需求案例
案例是这样的,一个外层div,高宽是固定的,但是里面内容不是固定的。很多朋友的做法是头部加一个padding或者margin,这样,里面内容显得貌似是居中了,但是假如内容变化,这样头部的固定padding或者margin,始终不变。造成了垂直方向不会居中!
我们知道,假如下面一个div
样式是这样的
vertical-align:middle是不管用的,很多朋友就在.inner上面做文章了,和我上面说的,加margin等等!那对于这种情况,有没有更好的解决方案呢?
解决方法
思路:加一个cssHack,设置cssHack的line-height等于外层div的高度,就可以使用vertical-align:middle了!
div如下:
样式如下:
这样就实现了div内部的垂直居中了!
移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2...
本文主要对 ::master 伪元素、 list-item 下的 list-style-image 、 list-style-...
写在最前 在之前的 这篇文章 中我们提到了对于贝塞尔公式的运用。本次分享一下如...
云服务器 能干吗? 云服务器 能用来做网站,能用来搭建软件开发平台,能用来挂软...
今天,本文搜集了30个优秀的色彩运用案例与大家分享,希望这些案例能带给你灵感...
简介 处理大量并发是 Go 语言的一大优势。语言内置了方便的并发语法,可以非常方...
开篇之前先声明我对微服务的几点态度: 架构模式有很多,微服务不是唯一的选择也...
CSS display 属性 注释:如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更...
随着 微信小程序 的运用,很多企业和个人看见了 小程序 的商机,想通过微信小程...
本篇网页制作技巧教程是新手快速学习制作网站ICON的步骤的补充。 今天我在自己的...