zoukankan      html  css  js  c++  java
  • css文本及文本装饰

    CSS文本

    text-transform:字母大小写的转换

    white-space:控制空格以及换行符到底如何处理

    text-align:文本对齐方式(水平方向的)

    word-spacing:设置单词间距

    letter-spacing:字符间距

    text-indent:文本缩进

    vertical-align:文本垂直对齐方式

    line-height:行高

    text-transform:

      capitalize; 将每个单词的首字母转换成大写

      uppercase; 将每个单词转换成大写

      lowercase; 将每个单词转换成小写

    white-space:

      normal; 默认处理方式

      pre; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界不换行。

      nowrap; 强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。

      pre-wrap; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。 

      pre-line; 保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

    text-align:

      left; 内容左对齐

      right; 内容右对齐

      center; 除了可以让文本居中以外,还可以让任意行级元素居中,但是不能让块级元素居中。

    word-spacing:属性查看

    letter-spacing:属性查看

    text-indent:属性查看

    vertical-align:属性查看

    line-height:

      1、让文本在容器内上下居中

      2、可以撑开容器

    CSS文本装饰

    基本上所有网页的超链接都不会保留默认的下划线,因为我们用到了text-decoration进行了css的文本装饰。

    text-decoration:

    可选值:none underline overline line-through blink

  • 相关阅读:
    序列化
    cookie 和 session
    a 标签提交表单
    SpringBoot使用Easypoi导出excel示例
    PDF操作类库 iText
    HandlerInterceptor
    Fastdfs
    InitializingBean
    CORS CorsFilter
    XMLHttpRequest
  • 原文地址:https://www.cnblogs.com/crazier/p/12347485.html
Copyright © 2011-2022 走看看