15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > div元素布局

div元素布局

时间:2023-09-26 12:30:02 | 来源:网站运营

时间:2023-09-26 12:30:02 来源:网站运营

div元素布局: <!--元素水平垂直居中-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:center;display:flex;display: -webkit-flex; align-items:center;"><img style="width:50%;height:50%;margin:0 auto;" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F93%2F35%2F3856f29579c538f.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1616551889&t=17c9affa4915dd8488d47e10607cb5d1"/></div>
<!--元素水平居中-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:center;margin:0 auto;"><img style="width:50%;height:50%;" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F93%2F35%2F3856f29579c538f.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1616551889&t=17c9affa4915dd8488d47e10607cb5d1"/></div>
<!--元素垂直居中-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:center;display:flex;display: -webkit-flex; align-items:center;"><img style="width:50%;height:50%;" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F93%2F35%2F3856f29579c538f.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1616551889&t=17c9affa4915dd8488d47e10607cb5d1"/></div>

<!--文字垂直居中-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red;display:flex;display: -webkit-flex; align-items:center;">ceshi</div>


<!--文字水平居中-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:center;">ceshi</div>

<!--文字水平垂直居中 line-height: 300px;元素实际高度数值-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:center;line-height: 300px;">ceshi</div>

<!--文字水平靠左垂直居中 line-height: 300px;元素实际高度数值-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:left;line-height: 300px;">ceshi</div>


<!--文字水平靠右垂直居中 line-height: 300px;元素实际高度数值-->
<div style="background-color: brown;width:100%;height:300px;margin-top: 10px;border:1px solid red; text-align:right;line-height: 300px;">ceshi</div>

文字

  1. font-family: "微软雅黑";
  2. color: #333;

关键词:布局

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭