百度空间 | 百度首页 
 
查看文章
 
有用的CSS属性width及其简介
2009-10-30 下午 11:25

最近浏览自己博客的文章,发现比较长的内容,阅读起来很不方便,尤其是内容过宽,阅读的时候眼睛要不停的来回扫动。当初做模版的时候没有注意到这个问题,如果文章内容过多,读起来是那么吃力。

首先,通过width 调整文字显示范围。

在空间CSS中编辑#m_blog div.cnt{color:#000;line-height:24px;font-size:14px;position:absolute; top:-3px; width:640px;font-family:微软雅黑}在{}中加入position:absolute; top:-3px; width:640px;将文字显示范围控制在640px。

然后,调整文字间的行距。

在上面的{}中修改line-height:24px。

就变成我现在使用的模版的样子了,嘿嘿!

附:

Width语法简介


width : auto | length

参数:

auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值,或者百分数。百分数是基于父对象的宽度。不可为负数。

说明:

检索或设置对象的宽度。
对于img对象来说,仅指定此属性,其height值将根据图片源尺寸等比例缩放。
对应的脚本特性为width。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidthpixelWidth,以及对象的offsetWidth等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际宽度为其下列属性值之和:
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
而在IE6以前的版本,对象的实际宽度却等于:
margin-left + width + margin-right
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。

示例:

div { width: 1in; }
div { position:absolute; top:-3px; width:6px; }


类别:默认分类 | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu