div{ border:1px solid red; margin:20px; text-align:center; } 这样写好吗?

来源:15-1 水平居中设置-行内元素

慕移动3160175

2017-06-09 01:16

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>定宽块状元素水平居中</title>

<style>

div{

    border:1px solid red;

    margin:20px;

    text-align:center;

}


</style>

</head>


<body>

<div>我想要在父容器中水平居中显示。</div>


<!--下面是任务部分-->


<div><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div>

</body>

</html>


写回答 关注

1回答

  • 慕瓜6477294
    2017-06-09 08:38:25

    如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素:如下面的html代码中,div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225807 学习 · 18234 问题

查看课程

相似问题