css中的文本字间距离、行距、overflow

覆雪蓝枫 2016-02-20

css字间距、div css字符间距样式实例
1、text-indent设置抬头距离css缩进

  div设置css样式text-indent : 20px; 缩进了20px

2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式

  div设置css属性样式为letter-spacing:8px;,字间距为8px

行间距设置:可以按照比例,像素,数值

1.line-heght:90%

  大多数浏览器的标准为110%-120%;

2.line-height:20px;

  标准应该也是20px;

3.line-height:0.5

  标准行距为1.

遇到的问题及解决:

  修改span的时候出现line-height的干扰,父标签div中的设置了该属性为55px,从而影响到子标签span的显示;

http://www.cnblogs.com/o8le/archive/2011/09/17/2179728.html 

overflow/overflow-x/overflow-y:

设置或获取表明当内容超出对象高度或宽度时如何管理对象内容的值。

语法:

  overflow : visible | auto | hidden | scroll 
参数:
  visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
  auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
  hidden :  不显示超过对象尺寸的内容
  scroll :  总是显示滚动条

示例:

  body { overflow: hidden; }
  div { overflow: scroll; height: 100px; width: 100px; }

 http://www.divcss5.com/shouce/c_overflow.shtml

相关推荐