`

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

 
阅读更多

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

 

分享到:
评论

相关推荐

    零基础学HTML CSS源代码

    文本行距.html 文本行距的用法。 文本修饰属性text-decoration.html 文本修饰属性text-decoration用法。 文字垂直对齐.html 文字垂直对齐用法。 字母大小写转换.html 字母大小写转换用法。 字体...

    最全的CSS浏览器兼容问题—HTMLCSS教程1

    本文总结了CSS浏览器兼容问题的解决方案,涵盖了div的垂直居中问题、margin加倍的问题、浮动ie产生的双倍距离、IE与宽度和高度的问题、页面的最小宽度、DIV浮动IE文本产生3象素的bug、IE捉迷藏的问题等七个方面的...

    css网页布局中文字排版的属性和用法

    "css网页布局中文字排版的属性和用法" css网页布局中文字排版的相关属性和用法是一个非常重要的知识点。在网页布局中,文字排版的效果直接影响着网站的整体美观度和用户体验。因此,掌握css网页布局中文字排版的...

    DIV+CSS属性设置参数.pdf

    1. **行距(Line-height)**:用于设置文本行之间的距离,可以使用像素、百分比或倍数作为单位,以实现不同级别的间距调整。 2. **背景图像(Background-image)**:通过此属性可以为元素添加背景图片,通常使用URL...

    浅谈html5标签css3的常用样式.docx

    - `text-overflow`:指定当一个块内发生文本溢出时如何处理溢出的文本。 - `text-shadow`:为文本添加阴影效果。 - `text-indent`:设置首行文本的缩进。 - **背景属性**: - `background`:一个缩写属性,用于...

    DIV+CSS属性设置参数 (2).docx

    1. **Line-height**(行距):设置文本行之间的距离,可以是像素值、百分比或者倍数,用于调整文本的阅读舒适度。 2. **Background-image**:插入背景图片,可以是URL路径,也可以是渐变色等,用于装饰元素。 3. *...

    DIV+CSS属性设置参数.docx

    1. **Line-height** (行距): 这个属性用于设置元素中文本的行间距,可以是数值、百分比或者长度单位。例如,`line-height: 20px;`将设置文本的行间距为20像素。 2. **Background-image** (插入图片): 用于设置元素...

    DIV+CSS属性设置参数 (2).pdf

    首先,`line-height`属性用于设置文本行之间的距离,即行距。它可以是一个数值、百分比或长度单位,如`1.5`、`120%`或`20px`,以调整文本的可读性。 `background-image`属性允许插入背景图片,通常配合`background-...

    12个CSS高级技巧汇总

    为了简化CSS样式表,可以通过设置`body`的`line-height`属性来统一页面上的所有文本行距。这种方式可以避免重复定义多个`p`、`h*`等元素的行距: ```css body { line-height: 1.5; /* 可以根据需要调整 */ } ``` ...

    食谱:使用Tailwind CSS的食谱网站设计

    【食谱:使用Tailwind CSS的食谱网站设计】 在当今的互联网时代,美食爱好者们越来越依赖于在线食谱来发掘...在实际开发过程中,结合实际需求和Tailwind CSS提供的工具,你将能够创造出满足用户需求的高质量食谱平台。

Global site tag (gtag.js) - Google Analytics