zoukankan      html  css  js  c++  java
  • CSS文本属性

    text-indent(缩进文本):只能应用于块级元素,不能用于行内元素,常用于将段落首航缩进;

    text-align(水平对齐):影响一个元素中的文本行相互之间的对齐方式;

    text-align:center与<CENTER>的区别:<CENTER>不仅影响文本,还会把整个元素居中,但text-align不会控制元素对齐,只影响其内部内容;

    一个元素的行间距 = line-height的计算值 - font-size的计算值,行间距有可能是负值,除以2将行间距的一半分别应用到内容区的顶部和底部,就是该元素的行内框;

    垂直对齐文本:vertical-align只应用于行内元素和替换元素,如图像表单元素,且该属性不能继承;

    基线对齐:vertical-align:baseline要求一个元素的基线与其父元素的基线对齐;

    底框对齐:vertical-align:bottom将元素行内框的底端与行宽的底端对齐;

    居中对齐:vertical-align:middle把行内元素的中点与父元素基线上方0.5ex处的一个点对齐;

    字间隔:word-spacing;

    字母间隔:letter-space;

    文本转换:text-transform:uppercase | lowcase | capitalize(只对每个单词的首字母大写) | none | inherit;

    文本装饰:text-decoration:none |[ underline || overline || line-through || blink ]|,希望既有上划线又有下划线:a:link{text-decortion:underline overline};

    文本阴影:text-shadow:none | [ <color> || <length> <length> <length>?,]* [ <color> || <length> <length> <length>?] | inherit,前两个长度值确定了阴影

           与文本的偏移距离,第三个长度值可选,定义了阴影的模糊半径,如:text-shadow : green 5px 0.5em

    处理空白符:white-space:normal | nowrap | pre | pre-wrap | pre-line | inherit

    空白符 换行符 自动换行
    pre-line 合并 保留 允许
    normal 合并 忽略 允许
    nowrap 合并 忽略 不允许
    pre 保留 保留 不允许
    pre-warp 保留 保留 允许

    文本方向:direction:ltr(left to right) | rtl | inherit,影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向,以及两端元素中最后一行的位置。

  • 相关阅读:
    MySQL Online DDL导致全局锁表案例分析
    .NET Core教程--给API加一个服务端缓存啦
    任务队列和异步接口的正确打开方式(.NET Core版本)
    .NET Core中使用RabbitMQ正确方式
    .NET Core单元测试之搞死开发的覆盖率统计(coverlet + ReportGenerator )
    没有执行过rm -rf /*的开发不是好运维
    dotnet core在Task中使用依赖注入的Service/EFContext
    可能是全网首个支持阿里云Elasticsearch Xapck鉴权的Skywalking
    dpdk中QSBR具体实现
    C语言二级指针底层实现
  • 原文地址:https://www.cnblogs.com/xyddm/p/9289669.html
Copyright © 2011-2022 走看看