博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
六.CSS尺寸
阅读量:4047 次
发布时间:2019-05-25

本文共 613 字,大约阅读时间需要 2 分钟。

尺寸

属性                      描述
height      设置元素高度。  
max-height  设置元素的最大高度。
max-width   设置元素的最大宽度。
min-height  设置元素的最小高度。
min-width   设置元素的最小宽度。 
width       设置元素的宽度。
(1)设置图像的高度/宽度 height/width
img.normal { height: auto }
img.big { height: 160px }
img.small ( width: 30px)
img.big { height: 50% }
img.small ( width: 10%)
heigth/width的值是基于父元素来说的
注意图像会在保持高宽比的情况下进行伸拉
(2)设置元素的最大/最小:高度/宽度 max-height max-width
p{max-height: 300px;max-width: 50%;min-height: 100px;min-width: 200px}
注意:默认向下溢出,需要通过overflow来调整;经测试IE不生效;最大最小冲突时最小的生效;
(3)设置行间距
p.big{line-height: 200%}
p.normal{line-height: 20px} 在大多数浏览器中默认行高大约是 20px。
p.normal{line-height: 1} 拥有标准行高的段落。 默认行高大约是 1

转载地址:http://toyci.baihongyu.com/

你可能感兴趣的文章
PowerDesinger中生成数据库时将域的内容转化为实际的字段
查看>>
通过模板将GridView导出为Excel
查看>>
迭代开发过程及一些原则
查看>>
Windows IIS服务器CA认证安装
查看>>
Asp.net 中Excel通过模板导出中发布问题
查看>>
64位机器配置CA认证一些小问题
查看>>
SVN自动完全备份
查看>>
开发中的Warning原来也很有用
查看>>
Silverlight Toolkit例子代码中缺少System.Windows.Controls.Samples.Common.dll的解决办法
查看>>
项目经理培训后的一点感概
查看>>
vc学习之窗口大小发生变更时使控件自动摆放到合适的位置
查看>>
Oracle 获取系统日期时间,导出数据库
查看>>
黄巢的菊花,非常喜欢,贴出来共享一下
查看>>
在光纤环网中的b/s与c/s的比对
查看>>
根据程序名称和程序路径判断程序是否启动
查看>>
史记翻译-汉初三杰-萧何-萧相国世家第二十三
查看>>
史记翻译-汉初三杰-张良-留侯世家第二十五
查看>>
史记翻译-汉初三杰-韩信-淮阴侯列传第三十二
查看>>
帝王封赏之道和老板的封赏之道
查看>>
工作分解结构在软件开发中的应用
查看>>