详解CSS在固定宽高的div内实现垂直居中的实例分享 爱问知识人
这篇文章主要介绍了CSS在固定宽高的p内实现垂直居中的实例详解,即在p内部元素相对于p垂直居中的方法,需要的朋友可以参考下需求案例案例是这样的，一个外层p,高宽是固定的，但是里面内容不是固定的。很多朋友的做法是头部加一个padding或者margin，这样，里面内容显得貌似是居中了，但是假如内容变化，这样头部的固定padding或者margin，始终不变。
造成了垂直方向不会居中！我们知道，假如下面一个p<p class="outer"><p class="inner">haorooms内部内容</p></p>样式是这样的。outer{text-align:center;vertical-align: middle;width:200px;height:350px;}vertical-align:middle是不管用的,很多朋友就在。
inner上面做文章了，和我上面说的，加margin等等！那对于这种情况，有没有更好的解决方案呢？解决方法思路：加一个cssHack，设置cssHack的line-height等于外层p的高度，就可以使用vertical-align:middle了！p如下：<p class="outer"> <p class="inner">haorooms内部内容</p><p class="v">cssHack</p> </p>样式如下：* { margin: 0; padding: 0; } 。
outer { background-color: #ccc; font-size: 24px; height: 350px; text-align: center; overflow: hidden; width: 280px; } 。outer 。
inner, 。outer 。v { display: inline-block; zoom: 1;*display: inline; /* 用于触发支持IE67 inline-block */} 。outer 。inner { line-height: 1。
8; padding: 0 4px 0 5px; vertical-align: middle; width: 262px; } 。outer 。v { line-height: 350px; text-indent:-9999px; width: 1px; }这样就实现了p内部的垂直居中了！。
相关推荐
-
豆腐卷怎么做好吃，炒的好吃做法有吗？ 爱问
好吃,面糊,肉馅,豆腐,豆腐卷，1.豆腐碾碎，和肉馅一起加调料调成馅。（放冰箱里冷冻10分钟，这样好卷） 2.鸡蛋加少许湿淀粉，用不粘锅摊成薄蛋饼皮 3.将淀粉加面粉用水调成面糊 4.在蛋皮不烫手时，刷上面糊，放上肉馅，然后卷紧实的卷 5.上蒸锅蒸30——40分钟（视肉卷的大小酌情定）蒸熟即可 6.待豆腐卷晾凉后，切成片上乘ok。 你需要：猪肉馅300克 鸡蛋2个 辅料豆腐（按自己口味定 ） 盐 生抽 香油 白糖 小麦面粉 胡椒粉（适量）...
-
鹿茸片能够泡水喝吗？ 爱问知识人
泡水,煲汤,身体,服用,元素，鹿茸片能够泡水喝吗？鹿茸片的营养成分的确十分高，建议大伙儿不能用鹿茸泡水喝。鹿茸泡水营养元素不能够充足的融解到水里，身体消化吸收不上营养元素也起不上健康养生实际效果，大伙儿可以用鹿茸片煲汤服用或是是立即含化，自然还可以将鹿茸片弄成粉，自来水冲调就可以。...
-
上古卷轴4怎么设置中文字幕
设置,中文字幕,卷轴,上古,设为，上古卷轴4怎么设置中文字幕只能用补丁。【如果我的回答对你有用，麻烦设为好评，谢谢】...
-
如何清除苹果电脑内存(如何清除苹果电脑
内存,空间,删除,设置,选择，1。 如何清除苹果电脑内存占用答解决方法如下方法一、1、首先，在苹果电脑桌面底部的“程序坞”中找到“launchpad”设置，并点击打开。2、然后展开“其他”文件夹，打开“活动监视器”下一步。3、将界面切换到“内存”选项，找到占用内存较多的软件，并双击它。4、在软件详细界面，点击“退出”按扭即可关闭选中的软件并释放该软件占用的内存。方法二、1、打开桌面底部的“终端terminal”进入下一步。2、输入“top”...
-
近世代数1证明:循环群的商群是循环群2设
循环,证明,映射,同态,元素，1 证明:循环群的商群是循环群2设是G 是30阶群,H是G的不娈子群,且︱H︱=6 证明:(1)G/H为交换群(2)对于任意x∈G,x^5∈H1.循环群的商群是循环群.这是显然的.循环群G={e,x,..,x^(n-1)},f为G到G/H的相对应的同态映射,则循环群的商群=G/H={1,f(x),..,[f(x)]^(n-1)},所以循环群的商群是循环群.2.(1)|G/H|*|H|=|G|==>|G/H|=5...
-
硫的物理性质及化学性质是什么？ 爱问知识
晶状,淡黄色,松脆,网站,知识，硫的物理性质及化学性质 是什么？物理性质通常为淡黄色晶体，它的元素名来源于拉丁文，原意是鲜黄色。单质硫有几种同素异形体，菱形硫（斜方硫）和单斜硫是现在已知最重要的晶状硫。它们都是由S8环状分子组成。密度熔点沸点存在条件菱形硫(S8)2.07克/厘米3112.8℃444.674℃200℃以下考试大－全国最大教育类网站(www．Examda。com)单斜硫(S8)1.96克/厘米3119.0℃444.6℃200℃...
-
氧化物有哪些 爱问知识人
元素,果是,一氧化碳,氟化物,有哪些，氧化物有二氧化碳、氧化钙、一氧化碳、氧化铜等等。氧化物由两种元素构成，一种是氧元素。另一种则是金属或其它元素。如果是金属，那么生成的化合物就是金属氧化物，不是金属则是非金属氧化物。但氧与电负性更大的氟结合形成的化合物则一般称为氟化物而不是氧化物。...
-
qq号怎么实名认证 爱问知识人
认证,实名,选择,设置,绑定，QQ帐号实名认证方法：1、首先在软件首页选择QQ钱包，点击进入。2、依次选择设置-----实名认证。3、在实名认证里可以选择验证身份证、银行卡等方式进行实名认证。4、选择身份证认证按照要求填写，点击下方确认即可。5、还可以进行绑定自己的银行卡进行身份认证。6、或者可以去设置----手机号里面进行手机号绑定，这样也算是实名认证。（手机号现在都是实名认证的）。...
-
音响喇叭没声的原因是什么呢？ 爱问知识人
故障,设置,原因,音响喇叭,导致，音响喇叭没声的原因是什么呢？由于音响出现了插座不良及信号不良等客观因素而导致的音响没声音这一情况的出现；电脑或电视等设备的设置出现了问题，或许是由于电脑或电视设置成了静间所造成；或许是由于软件出了故障，也可能是由于您的电脑未安装声卡驱动器；音响本身的问题，音响出现了故障。...
-
数控车床中M01是指什么 爱问知识人
模态,循环,主轴,补偿,设置，编程字母键功能作用：G准备功能指令动作方式M辅助功能机床M代码指令F进给速度进给速度的指令S主轴功能主轴转速指令T刀具功能刀具编号指令I坐标字圆弧中心X轴向坐标J坐标字圆弧中心Y轴向坐标K坐标字圆弧中心Z轴向坐标P暂停或程序中某功能的开始使用的程序号L重复次数固定循环及子程序的重复次数D补偿号刀具半径补偿指令N顺序号顺序段序序号U坐标字与X轴平行的附加轴的增量坐标值或暂停时间V坐标字与Y轴平行的附加轴的增量坐标...
-
为什么有第一中级法院和第二中级法院？
法院,设置,直辖市,第二,设立，为什么有的城市分第一中级法院和第二中级法院，有的城市只有一个中院？一二中院分别管辖不一样的案件吗？我国法院分四级，基层人民法院、中级人民法院、高级人民法院、最高人民法院。高级人民法院是以省一级单位设置的，包括新疆生产建设兵团都设置高级人民法院。直辖市设立的一级法院就是高级人民法院。高级人民法院的下一级是中级人民法院，是按照地级市级行政单位设立的。因此地级市（包括副省级市）都只有一个中级人民法院。在行政编制上，...
-
铝镁合金是什么呢？ 爱问知识人
元素,知识,什么呢,铝镁合金,是一种，铝镁合金是什么呢？铝镁合金其实就是一种合金材料，它虽然是含有铝和镁这两种元素，但是其中的大部分元素还是铝。只是在铝元素当中参杂了少量的镁元素或者是其他的一些可以加强铝元素的硬度的元素。我们都知道铝元素是一种质地非常轻巧的元素，制作板材重量要比铁轻得多。...
-
元素的概念元素是具有相同核电荷数的同一
元素,知识,原子,核电,总称，元素是具有相同核电荷数的同一类原子的总称。但为什么Na+和H+ 离子也可称为元素？又有这样说的：同种元素，其微粒是原子或离子。这不是与概念矛盾吗？谢谢元素是具有相同核电荷数的同一类原子的总称。这里的原子是广义上的原子，包括离子，离子我们可以把它称为带电的原子。元素只要求原子的核电荷数相同，也就是质子数相同，与其所带的电荷数没有关系。例如：H+,还有氢元素的同位素氕、氘、氚都属于氢元素。...
-
虾有痛觉吗 爱问知识人
营养价值,做法,对虾,食疗,草虾，虾没有痛觉，它们的神经系统适当原始，没有大脑，也没有处理痛觉的才能。它们的确能够对环境做出反响，并且能够探知到不利于自己的东西。察觉到周围呈现温暖的物体或某些化学物质，它们会尽量躲开，因为这些东西可能有毒。虾是一种生活在水中的节肢动物，属节肢动物甲壳类，种类很多，包括南极红虾、青虾、河虾、草虾、对虾、明虾、龙虾等。 虾具有很高的食疗营养价值，可以有蒸、炸等做法。虾按出产来源不同，分为海水虾和淡水虾两种。海虾...