css中text-align:center；和margin:0 auto；区别
css中text-align:center；和margin:0 auto；区别
贵哥的编程之路
发布于 2020-10-28 14:29:55
发布于 2020-10-28 14:29:55
text-align：center
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
.father
{
width: 800px;
height: 500px;
background-color: red;
text-align: center;
}
</style>
</head>
<body>
<div class="father">
我是文字<img src="1.jpg">
</div>
</body>
</html>
在这里插入图片描述
margin:0 auto;
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
.father
{
width: 800px;
height: 500px;
background-color: red;
margin: 0 auto;
}
.son{
width: 100px;
height: 100px;
background-color: blue; }
</style>
</head>
<body>
<div class="father">
<div class="son"></div>
</div>
</body>
</html>
在这里插入图片描述
区别：<!– 1.text-align:center;和margin:0 auto;区别 text-align: center;作用 设置盒子中存储的文字/图片水平居中
margin:0 auto;作用 让盒子自己水平居中。 –>
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-09-03 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
对象存储
对象存储（Cloud Object Storage，COS）是由腾讯云推出的无目录层次结构、无数据格式限制，可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限，无需分区管理，适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。