内联元素与内联块状元素
2016-02-23 23:02
381 查看
HTML 中常见的内联元素:<a>、<span>、<label>、<br>、<em>、<i>、<strong>、<q>、<var>、<cite>、<code>;或display:inline设置的元素。
内联元素特点:1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
HTML 中常见的内联块状元素:<img>、<input>;或display:inline-block设置的元素
inline-block 元素特点:1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
inline元素和inline-block默认都会有间距。
下面总结了几条去除inline元素和inline-block元素间距的方法:
1、可以在html中直接把元素写在一行上;
或把第一个的闭合标签和第二个的开始标签写在一行;
或直接去掉闭合标签但最后一个不能去掉;
或两行间添加注释。
2、设置margin-right为负值,但要考虑上下文的字体和文字大小。
3、先设定子元素字体,再设置父元素font-size:0px,chrome中:-webkit-text-size-adjust:none;
(内联元素是当做字体来处理的,字体之间会有间隔,所以内联元素之间也是有间隔的)
4、设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值。
内联元素特点:1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
HTML 中常见的内联块状元素:<img>、<input>;或display:inline-block设置的元素
inline-block 元素特点:1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
inline元素和inline-block默认都会有间距。
下面总结了几条去除inline元素和inline-block元素间距的方法:
1、可以在html中直接把元素写在一行上;
或把第一个的闭合标签和第二个的开始标签写在一行;
或直接去掉闭合标签但最后一个不能去掉;
或两行间添加注释。
2、设置margin-right为负值,但要考虑上下文的字体和文字大小。
3、先设定子元素字体,再设置父元素font-size:0px,chrome中:-webkit-text-size-adjust:none;
(内联元素是当做字体来处理的,字体之间会有间隔,所以内联元素之间也是有间隔的)
4、设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值。
相关文章推荐
- Java多线程Lock对象之公平锁和非公平锁
- MATLAB中用差分法求解函数 or 离散数据的一阶导数和二阶导数
- 数学计算
- Mac 中PHP连接MySQL总是失败localhost修改成127.0.0.1解决
- PHP 简单的小偷程序
- BBB(二):Windows或Ubuntu主机通过USB分享网络给BBB
- git 分支跟踪关系的三种设置方式
- POJ 3494 Largest Submatrix of All 1’s(单调栈||dp)
- Swift - 设置程序的应用图标和启动界面
- hdu3905 Sleeping (区间dp)
- 基于WebRTC的多人视频会议
- c++面试50题整理
- mysql中的内置函数
- Convert Sorted Array to Binary Search Tree
- Java Reflect 反射 .invoke 示例
- Android自定义控件
- redis命令
- Android中的动态加载机制
- ios基础
- 基本面试题