第十一节-文本样式和特殊符号

text-align(文本对齐样式):可控制字体与行内元素如span 与 img

                                    left

                                    right

                                    center

                                    justify(两端对齐)

常见编程问题:想让文字上下左右居中对齐:  text-align:center 配合line-height

                        想让图片上下左右居中对齐:     text-align:center 配合vertical-align:middle

text-indent(首行缩进)

text-transform(控制文本大小写):uppercase(字母全部大写)

                                                  lowercase(字母全部小写)

                                                  capitalize(首字母大写)

text-decoration(文本修饰):

                                               underline:下划线

                                               overline:上划线

                                               line-through:中划线

                                               none:取消文本修饰常用在a 标签上

letter-spacing:字符之间的间距(字 字母)

word-spacing:字母之间的间距(字母),字不受影响。

white-space:换行

                    wrap:换行(默认)

                    nowrap:不换行

overflow(溢出):hidden隐藏 

text-overflow:ellipsis(省略号),不适用行内元素。

                                          省略号三步:white-space:nowrap

                                                              overflow:hidden

                                                              text-overflow:ellipsis

word-break:break-all(解决单词太长不换行)

特殊符号:&lt;( < )        eg:<span>1&lt;2</span>   特殊符号后有分号

              &gt;( > ) 

              &nbsp;( 空格) <span> &nbsp;&nbsp;&nbsp;</span>  使用空格的特殊字符是因为不管里面留多少空格只会解析一个,所以必须要用表示空格的特殊符号。

               

               

               

                       

                                                  

                         

                                                                        

猜你喜欢

转载自www.cnblogs.com/yzdwd/p/12129148.html