div+css实现内容的水平垂直居中
今天逛蓝色理想论坛,看到一个朋友发的面试题,共4道,我会期中的2道题,另外2道题都是要求 使高度宽度固定的div内的不固定高度的文字或者图片上下左右居中显示,自己没做出来,看了答案 题目:多行文字,保证在DIV中绝对局中,上下左右。不管文字增加多少都是局中的。DIV高度固定。 答案:水平方向居中使用css的text-align:center 就能搞定,垂直方向上需 要2层分别上下50%,最终实现垂直方向上的居中。 查看演示:https://www.weixing.me/demo/up-down-left-right-juzhong.htm 代码如下: div中的文字保持上下左右居中
CSS Web Design 我爱CSS 我爱CSS致力于Web标准在中国的应用及发展 我们努力保持每天更新,为您提供最新最全的CSS网页布局教程。 我爱CSS致力于Web标准在中国的应用及发展
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 WEIXING.ME!
评论