526互联

div 上下左右对齐

发布时间 2023-03-22 21:13:42作者: 啄木鸟伍迪

上下左右对其

<div data-options="region:'west',title:'',split:true,border:true" style="width:25%;height:10%;">
        <div style="position: absolute; top: 50%;left:50%,transform: translate(-50%,-50%);text-align:center">West</div>
    </div>

上下对齐：

<div data-options="region:'west',title:'',split:true,border:true" style="width:25%;height:10%;">
        <div style="position: absolute; top: 50%;transform: translateY(-50%);text-align:center">West</div>
    </div>

左右对齐：

<div data-options="region:'west',title:'',split:true,border:true" style="width:25%;height:10%;">
        <div style="position: absolute; left:50%,transform: translateX(-50%);text-align:center">West</div>
    </div>