有关text-align:center为什么有的第一行就居中,有的第二行开始才居中?

在块级元素中第一行就居中,在inline-block里第二行才开始居中

    <style>
.box {
  width: 280px;
  height: 120px;
  background-color: #f0f3f9;
  margin:0 auto;
}
.block {
  display:block;
  text-align: center;
}
.inline-block{
  display: inline-block;
  text-align: center;
}
</style>
</head>
<body>
<div class="box">
  <div class="block">我第一行就居中了</div>
</div>
<br>
<div class="box">
  <div class="inline-block">我第一行没居中,但是我第二行居中了你看</div> 
</div>

clipboard.png

阅读 661
评论
    2 个回答
    • 3.1k

    是全部居中,
    你的第二张图, 第一行也是居中的状态, 只是长度充满了父级

      相似问题
      推荐文章