文字居中但是不在正中间(文字如何居中居左)

1-功能标签有:

left 左对齐

center 居中对齐

right 右对齐

2-使用方法

在head标签包裹内,title下,style内

text-align:left;将这个功能赋予一个值,然后,标签使用;

文字居中但是不在正中间(文字如何居中居左)(1)

3 示例

3-1让文字居左,如下图显示,文字其实默认是居左的;

文字居中但是不在正中间(文字如何居中居左)(2)

代码如下图

文字居中但是不在正中间(文字如何居中居左)(3)

3-2 让文字居中,需要重新给个定义值;如下图浏览器显示

文字居中但是不在正中间(文字如何居中居左)(4)

给p标签一个居中的值

文字居中但是不在正中间(文字如何居中居左)(5)

3-3 让文字居右,如下图浏览器显示;

文字居中但是不在正中间(文字如何居中居左)(6)

代码如下图

文字居中但是不在正中间(文字如何居中居左)(7)

4 给对应的标签直接赋值;如下图

文字居中但是不在正中间(文字如何居中居左)(8)

代码如下图:

文字居中但是不在正中间(文字如何居中居左)(9)

4-小结,通过对浏览器的拉伸和缩小,发现其实内容是随着浏览器的宽度改变,可以理解为,这几个值的作用并不是单纯的居左居右,是对于标签的内容进行的改变,这个改变会随着浏览器的宽度做出自适应。而且,并不会因为赋值给标签还是自定义标签而改变。

(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页