盒子的display属性
2024-09-07 14:42:14
<body>
<div style="display:inline">Box-1</div>
<div style="display:inline">Box-2</div>
<div style="display:inline">Box-3</div>
<span style="display:block">Box-4</span>
<span style="display:block">Box-5</span>
<span style="display:block">Box-6</span>
<div style="display:none">Box-7</div>
<span style="display:none">Box-8</span>
</body>
这样就把本来"块"div 变成"行"了
把"行"变成"块".
display:none是隐藏了当前行或块
显示的效果跟默认有差别,测试对比看看
对行内元素，需要注意如下：
•设置宽度width 无效。
•设置高度height 无效，可以通过line-height来设置。
•设置margin 只有左右margin有效，上下无效。
•设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的
最新文章
- Quartz资源收藏
- 用R实现全排列的分类
- 用pygame学习初级python（二） 15.5.11
- sqlserver定时备份
- hdu2121 - Ice_cream’s world II(朱刘算法,不固定根)
- ThinkPHP 快速入门
- Delphi中WideString类型如何转化成String类型
- Android Intent到底能做些什么
- Spring+SpringMVC+MyBatis+easyUI整合基础篇（十二）阶段总结
- 如何用phpcms将静态网页生成动态网页？
- JAVA的命名方式 ，JAVA的第一个打印时间的程序
- 多线程(三) java中线程的简单使用
- js01-javascript语法标准和数据类型
- hive JDBC客户端启动
- windows 文本操作
- py-day1-4 python基本数据类型2
- Qt qDebug() 的使用方法
- Zero-Copy技术
- memcache简单操作
- JSP自定义业务标签