在css中 ， 可以使用text-align来定义文字的位置 。 下面小编以定义div内的文字位置为例 ， 讲解CSS如何自定义文字位置 。
文章插图
需要这些哦
html+css
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解CSS若何自界说文字位置 。
文章插图
2在test.html文件内 ， 利用div建立一行文字 ， 文字内容为“这是测试的文字” 。
文章插图
3在test.html文件内 ， 给div添加id属性 ， 属性值为abc ， 用于下面设置样式 。
文章插图
4 在css标签内 ， 经由过程id设置div的样式 ， 界说其宽度为200px ， 行高为50px ， 布景颜色为蓝色 ， 文字颜色为白色 。
文章插图
5在css标签内 ， 再利用text-align属性来界说文字的位置 ， 例如 ， 这里设置文字居中显示 ， 即text-align为center 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、在test.html文件内 ， 利用div建立一行文字 。
【CSS如何自定义文字位置】2、在css标签内 ， 经由过程text-align属性来设置div内文字的位置 。
注重事项text-align属性除了居中(center)样式 ， 还可以设置为左对齐(left) ， 右对齐(right) 。
以上内容就是CSS如何自定义文字位置的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何开通京东APP的刷脸登录功能
- 如何通过农行手机银行充值视频会员
- 如何申请专利？申请一个专利要多少钱？
- 如何彻底删除MacBook所有浏览器cookie
- Windows 10重启电脑总是进入安全模式如何退出
- 如何顺利通过今日头条新手期
- 优酷如何增加粉丝最快？优酷涨粉方法
- Qt如何使用QElapsedTimer来进行计时
- 如何学习spring的源码之spring的整体架构介绍
- 微信如何彻底删除聊天记录？学会这招轻松搞定！