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

免责声明:文章转载自《css中的文本字间距离、行距、overflow》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Object.freezeUnity编辑器扩展 Chapter7--使用ScriptableObject持久化存储数据下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

css定义div圆角阴影边框

2013-11-01 设置div的圆角边框  首先给大家上个图片展示吧     1、首先下载Pie文件,在http://css3pie.com/下载Pie.js文件,最好是里面的文件不要删减,我是直接用的  2、然后上hmtl代码吧      <div>  111111111111111</div>   css样式:     &l...

javaweb:HTML&amp;amp;CSS

HTML标签:表单标签 表单:  概念:用于采集用户输入的数据的。用于和服务器进行交互。  form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围   属性:    action:指定提交数据的URL    method:指定提交方式     分类:一共7种,2种比较常用     get:       1. 请求参数会在地址栏中显示。会封装...

Normalize.css用法

1 Normalize.css用法 重置样式非常多,Normalize.css和reset是两个常用的重置 CSS 文件  http://necolas.github.io/normalize.css/ 可以用来作为项目的基础CSS Normalize 相对reset更加平和,注重通用的方案,重置掉该重置的样式,保留有用的 user agent 样式,同时...

webpack4.x的css单独打包、合并、自动添加前缀、压缩

安装 // 合并 css npm install --save-dev mini-css-extract-plugin // 压缩 css npm install --save-dev optimize-css-assets-webpack-plugin // 添加前缀 npm install postcss-loader autoprefixer --s...

浏览器滚动条及其影响 calc()

1.浏览器滚动条 默认风格各异,推荐一插件  mCustomScrollbar 不考虑兼容也可自定义样式     链接二 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

css3制作旋转动画

现在的css3真是强大,之前很多动画都是用jq来实现,但是css3制作的动画要比jq实现起来简单很多,今天呢,我自己也写了一个css旋转动画和大家分享。效果如下面的图片 思路:1.制作之前呢,我们先来整理一下思路,这个圆轴轨迹上一共有八个圆。 仔细看的话,你会发现一个规律,那就是一个月是360度的,里面放了八个圆,也就是每个圆都是占了45度,然后平均的...