CSS Dimension(尺寸)
2024-10-21 15:41:06
CSS Dimension(尺寸)
一、简介
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。
二、Dimension(尺寸)属性值
三、示例
(1)示例1:设置不同元素的高度
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
(2)示例2:使用百分比值设置元素的高度
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
(3)示例3:使用像素值来设置元素的宽度
img {width:200px;}
(4)示例4:设置元素的最大高度
p
{
max-height:50px;
background-color:yellow;
}
(5)示例5:用百分比值来设置元素的最大宽度
p
{
max-width:20%;
background-color:yellow;
}
(6)示例6:设置元素的最小高度
p
{
min-height:100px;
background-color:yellow;
}
(7)示例7:用像素值设置元素的最小宽度
p
{
min-width:150px;
background-color:yellow;
}
最新文章
- C#基础练习
- 基于java平台的常用资源整理
- Nodejs学习(四)- express目录的分析
- STM32之USART-RS485
- http的应用httpurlconnection--------1
- jquerymobile UI使用
- 关于make: *** No rule to make target `clean'. Stop.的解决
- 利用OPENSSL 实现MD5加密。
- hadoop_集群安装_1
- COJN 0584 800603吃糖果
- Linux shell编程02 shell程序的执行 及文件权限
- 实验吧_登陆一下好吗(骚注入)&;你真的会PHP吗?(代码审计)
- 编写blog第一天
- VMWare 虚机迁移后Linux系统网卡启动问题
- C# 装箱
- JD m站自我解析理解
- NodeJS下的Mongodb操作
- com.alibaba.dubbo.rpc.RpcException: Failed to invoke the method
- Couldn’t load locSDK3
- 仿京东左侧菜单 hover效果-简易demo
热门文章
- angular4 常用pipe管道
- 关于ln(link)命令
- Photoshop打开时报错“不能打开暂存盘文件。。。”
- 安全测试之bWAPP环境搭建
- cpython解释器内存机制
- vue监听浏览器窗口大小变化
- Android中TextView设置最大长度,超出显示省略号
- kvm_read_guest*函数分析
- HTML容易遗忘内容(二)
- excel判断单元格包含指定内容的函数用=IF(COUNTIF(A1,";*内容*";),";0";,";1";)