block,inline,inline-block
2024-10-13 22:26:40
- block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。
- inline元素的特点是:
和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。
- inline和block可以控制一个元素的行宽高等特性,需要切换的情况如下:
让一个inline元素从新行开始;
让块元素和其他元素保持在一行上;
控制inline元素的宽度(对导航条特别有用);
控制inline元素的高度;
无须设定宽度即可为一个块元素设定与文字同宽的背景色。
- inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。
inline-block的元素特点:
将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性).
最新文章
- Unity3D配合AndroidStudio打包
- 24SQL
- 20145337实验五Java网络编程及安全
- mysql安装图解 mysql图文安装教程(详细说明)
- Ubuntu15.10使用mysql
- UVA 539 The Settlers of Catan dfs找最长链
- nyoj 975 关于521
- SPJ 讨论
- poj3429(有错)
- 慎用#define
- angularJS ng-change错误的解决方案
- Spring框架(四)AOP面向切面编程
- 1.sass的安装,编译,还有风格
- 接触JS的变量
- JavaScript原型链及继承
- 【vue】vue +element 搭建项目,Qs用途
- Shiro中session超时页面跳转的处理
- 第八篇——Struts2的处理结果类型
- 20165304第4次实验《Android程序设计》实验报告
- POJ 2492 A Bug&#39;s Life (并查集)
热门文章
- java.lang.RuntimeException: Unable to start activity ComponentInfo{com.ex.activity/com.ex.activity.LoginActivity}: android.view.InflateException: Binary XML file line #1: Error inflating class
- git 快速使用(本地仓库同步到远程仓库)
- CentOS6.4 LAMP环境搭建
- SSO单点登录(转载)
- ip聚合(百度之星资格赛1003)
- VS2010 发布网站时如何使DLL文件名固定
- Azure File SMB3.0文件共享服务(5)
- 【配置】如何配置Tp-link无线路由器作为无线交换机
- haproxy path_end不能忽略
- 4.1. 如何在Windows环境下开发Python