gdbh_chen 发表于 2021-8-6 11:55:37

《web开发》html&css 58讲三位一体

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>居中</title>
      <style type="text/css">
      div {
            width: 200px;
            height: 200px;
            border-radius: 20px;
            color:white;
            background-color:#cb4042;
            text-align: center;
            margin:auto;
            position:absolute;
            top:0;
            right:0;
            bottom:0;
            left:0;
      }

      span {
            font-size: 20px;
            line-height: 200px;
      }
      </style>
    </head>
    <body>
      <div><sapn>中</sapn></div>
    </body>
</html>



为什么我敲的和小甲鱼的一毛一样,中字还是在顶上居中没有在中央位置

kogawananari 发表于 2021-8-6 11:57:54

本帖最后由 kogawananari 于 2021-8-6 12:02 编辑

line-height: 200px;设置给div的

大马强 发表于 2021-8-6 12:14:34

我看了下,你的span里的css样式没有用上

大马强 发表于 2021-8-6 12:15:11

哈哈哈我发现了
<div><sapn>中</sapn></div>
人家是span,你是sapn
页: [1]
查看完整版本: 《web开发》html&css 58讲三位一体