前端学习

最新推荐文章于 2024-09-30 15:42:36 发布

u010969626

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量190

点赞数

分类专栏：前端学习文章标签：前端 CSS line-height p height

本文链接：https://blog.csdn.net/u010969626/article/details/65443973

版权

前端学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

当line-height和height高度相同时候，居中，其他情况偏上偏下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Document</title>
    <style type="text/css">
        *{
            margin:0;
            padding:0;

        }
        P{
            width:600px;
            height:60px;
            line-height:60px;
            margin:100px;
            background-color:yellow;


        }
    </style>
</head>
<body>
    <p>
        文字文字文字文字文字文字文字文字
    </p>
</body>
</html>

运行便可看到效果