css怎么移动文字

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css怎么移动文字，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1027字，纯文字阅读大概需要2分钟。

内容图文

css实现移动文字的方法：1、在块元素容器中，可以用“text-align：center、left、right”来移动文字的位置；2、使用float和padding属性；3、通过position定位实现文字移动。

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

推荐：css视频教程

css移动文字

首先可以用个容器来包住文字，给宽和高。

然后，可以使用多种方法来移动文字：

1、如果是在块元素容器中，可以用text-align：center、left、right来移动文字的位置。

2、可以用float

3、可以padding

4、使用position定位

先在父级元素设置position：relative；再在你需要移动的容器里设置position：absolute；top、left、right、bottom这些方向该多少px就多少px

例如：

body{
width：900px;
height：600px;
position：relative;
}
div（这里是你要移动的容器）{
width：200px;
height：123px;
position：absolute;
top：10px;
left：5px;
}

5、如果是在行内元素容器中，可以用text-indent：15px；（这个是文段缩进。在文段前面缩进可以两个可以用到）

以上就是css怎么移动文字的详细内容。

内容总结

以上是互联网集市为您收集整理的css怎么移动文字全部内容，希望文章能够帮你解决css怎么移动文字所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端