元素标签在父级元素里垂直居中方法

    科技2025-01-27  25

    lhtml

    <div> <span>dsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwp</span> </div>

    css

    div{ width: 300px; height: 500px; border: 1px solid black; font-size: 0px; } div span{ background-color: antiquewhite; word-break: break-all; vertical-align: middle; display: inline-block; font-size: 14px; /* 因为会继承父级的fontSize: 0px,所以这里需要自己定义font-size */ border: 1px solid black; } div:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle;/* 相较于6父级的垂直定位 */ }
    Processed: 0.011, SQL: 8