程序博客网 > 大数据互联网公司

水平垂直居中问题

来源：互联网发布：大数据互联网公司编辑：程序博客网时间：2024/05/16 01:17

<div style="background:blue;position:absolute;left:expression((body.clientWidth-50)/2);top:expression((body.clientHeight-50)/2);width:50;height:50"></div>

如果固定高度和宽度，则：left：(x-width)/2 top:(y-height)/2 或者

left:50%; margin-left:-width/2;

<body bgcolor="#000000">
<div style="background:cyan;position:absolute;left:expression((body.clientWidth-250)/2);top:expression((body.clientHeight-250)/2);width:250;height:250"></div>
<div style="background:yellow;position:absolute;left:expression((body.clientWidth-200)/2);top:expression((body.clientHeight-200)/2);width:200;height:200"></div>
<div style="background:red;position:absolute;left:expression((body.clientWidth-150)/2);top:expression((body.clientHeight-150)/2);width:150;height:150"></div>
<div style="background:green;position:absolute;left:expression((body.clientWidth-100)/2);top:expression((body.clientHeight-100)/2);width:100;height:100"></div>
<div style="background:blue;position:absolute;left:expression((body.clientWidth-50)/2);top:expression((body.clientHeight-50)/2);width:50;height:50"><center><img src=""></div>

大数据互联网公司

大数据互联网公司

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子威亚威亚看不见威仔威仔的歌曲威仔资料威仪三千威仪龙之威仪威仪校服漫威之超体隆胸假体威宁多少钱威宁鼻假体威高种植体威宁丰胸假体威宁假体隆胸多少钱假体隆胸威宁整形费用威宁假体怎么样威宁硅胶假体威信县委威克帝威克威克传媒八戒威客网威客猪八戒网威凡威凡说明书威凯威凯整形威凯婴儿车威凯婴儿车怎么样威凯检测技术有限公司东风41威力威力威力公棚威力意思威力的意思西安威力威力导演威力俱乐部恩威力克舒威力秋棚