html设置怎么文字的位置-木庄网络博客

2022-02-17 16:09:17 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

html设置文字位置的方法：首先使用position属性设置文字元素的定位类型（绝对定位或固定定位）；然后使用top、bottom、left和right属性设置文字元素偏移值，进而设置文字元素的位置。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html设置文字位置的方法：

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <style>
            p#p1{
                position: absolute;
                top: 20px;
                left: 20px;
            }
            p#p2{
                position: absolute;
                bottom: 0px;
                right: 20px;
            }
        </style>
    </head>
 
    <body>
        <img src="img/1.jpg" width="400" />
        <p id="p1">测试文本！测试文本！</p>
        <p id="p2">测试文本！测试文本！</p>
    </body>
 
</html>