css怎么改字位置(2)-木庄网络博客

2022-04-09 08:50:37 PHP中文网 JavaScript 百度已收录

示例：

p{
    padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
    margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
}

3、text-indent设置字体位置

text-indent 属性规定文本块中首行文本的缩进。

示例：

p{
    text-indent: 50px; /* 首行缩进50px */
}

4、position设置字体的位置

position属性规定元素的定位类型。当设置的值为absolute、relative、fixed时，可以使用top、right、bottom、left属性来进行定位。

p{
    position: fixed; /* 相对于浏览器窗口定位 */
    left: 100px;     /* 距离浏览器左边100px */
    top: 200px;      /* 距离浏览器上边200px */
}

【推荐学习：css视频教程】

以上就是css怎么改字位置的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者