问答详情
源自:3-3 垂直居中布局的第一种解决方案优点与缺点

在这种布局方式下父级宽度如何用百分比方式撑满全屏?

width: 100%的方式无效

提问者:FYL_天道酬勤 2020-01-16 12:00

个回答

  • 德玛西亚之前端
    2020-01-20 20:02:32

    td标签(display:table-cell)

    1) td默认继承tr的高度,且平分table的宽度
    2) 若table(display:table)不存在,给td设置的宽高不能用百分比只能用准确的数值
    3) 给td设置vertical-align: middle; td元素里面(除float、position:absolute)所有的块级、非块级元素都会相对于td垂直居中
    4) 给td设置text-align: center; td元素里面所有非block元素(除float、position:absolute)都会相对于td水平居中,虽然block元素不居中,但其中的文字或inline元素会水平居中


  • 德玛西亚之前端
    2020-01-20 20:00:50

    https://segmentfault.com/q/1010000005157166