文本和字体:文本修饰

text-overfiow 规定当文本溢出包含元素时发生的事情,如果想让某个容器(div或者li......块级元素)显示一行文字,当文字内容过多时,不换行而是出现的,就可以使用该属性,想要实现这样的效果需要满足三个条件:

  1. 设置容器宽度并添加overfiow属性

  2. 将文字设置为不换行,white-space:nowrap

  3. 设置text-overflow:ellipses l dip


word-wrop  允许单词换行到下一行

  1. nomail 只在允许的断字点换行(浏览器保持默认处理)

  2. break-word 在长单词或者URL地址内部进行换行


text-shadow 文字的阴影

text-shadow:x-offset y-offset color ;


font-smoothing 抗锯齿或光滑

font-smoothing:subpixel-antialiased(浏览器默认)| none(用于小像素文本)| antialised(反锯齿)


你可能感兴趣的:(文本和字体:文本修饰)