zoukankan      html  css  js  c++  java
  • 第十一节-文本样式和特殊符号以及图片 文字绝对居中问题

    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>  使用空格的特殊字符是因为不管里面留多少空格只会解析一个,所以必须要用表示空格的特殊符号。

                   

                   

                   

                           

                                                      

                             

                                                                            

  • 相关阅读:
    直击JDD | 京东技术全景图首次展示 四大重磅智能技术驱动产业未来!
    干货|上云了,如何保障云数据库的高可用?
    直击JDD | 共建智能新城 京东云让城市生活变得简单美好
    2019京东全球科技探索者大会议程抢先曝光!
    京东云入选2019年度TOP100全球软件案例 新一代服务治理框架加速行业落地
    剁手季我做过最牛的事情
    干货|混沌工程落地的六个阶段
    Jenkins 插件中心国内镜像源发布
    list
    queue
  • 原文地址:https://www.cnblogs.com/yzdwd/p/12129148.html
Copyright © 2011-2022 走看看