爱创课堂每日一题八十一天-行内元素和块级元素的具体区别是什么?行内元素的pad
2017-12-26 18:03
281 查看
块级元素(block)特性:
总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;
宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
内联元素(inline)特性:
和相邻的内联元素在同一行;
宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变(也就是padding和margin的left和right是可以设置的),就是里面文字或图片的大小。
那么问题来了,浏览器还有默认的天生inline-block元素(拥有内在尺寸,可设置高宽,但不会自动换行),有哪些?
答案:<input> 、<img> 、<button> 、<texterea> 、<label>。
总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;
宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
内联元素(inline)特性:
和相邻的内联元素在同一行;
宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变(也就是padding和margin的left和right是可以设置的),就是里面文字或图片的大小。
那么问题来了,浏览器还有默认的天生inline-block元素(拥有内在尺寸,可设置高宽,但不会自动换行),有哪些?
答案:<input> 、<img> 、<button> 、<texterea> 、<label>。
相关文章推荐
- 爱创课堂每日一题第四十三天- HTML与XHTML——二者有什么区别?
- 爱创课堂每日一题九十五天-行内元素有哪些?块级元素有哪些?CSS的盒模型?
- 爱创课堂每日一题九十六天- 行内元素有哪些?块级元素有哪些? 空(void)元素有
- 爱创课堂每日一题第五十一天- new操作符具体干了什么呢?
- 爱创课堂每日一题七十七天- attribute和property的区别是什么?
- 爱创课堂每日一题九十八天- 行内元素有哪些?块级元素有哪些?CSS的盒模型?
- 爱创课堂每日一题第二天8/24日 Quirks模式是什么?它和Standards模式有什么区别?
- 爱创课堂每日一题 XSS与CSRF有什么区别吗?
- 爱创课堂每日一题第六十五天- 事件、IE与火狐的事件机制有什么区别? 如何阻止冒
- 行内元素和块级元素的具体区别是什么?inline-block是什么?(面试题目)
- 爱创课堂每日一题九十九天- 行内元素有哪些?块级元素有哪些? 空(void)元素有
- 爱创课堂每日一题第三十八天-web storage和cookie的区别?
- 爱创课堂每日一题八十七天-Sass、LESS是什么?大家为什么要使用他们?
- 爱创课堂每日一题102天- IE和DOM事件流的区别
- 爱创课堂每日一题103天- call和apply的区别
- 爱创课堂每日一题第四十六天- 浮动元素引起的问题和解决办法?
- 爱创课堂每日一题第四天8/28日XML和JSON的区别?
- 爱创课堂每日一题七十四天- git fetch和git pull的区别?
- 爱创课堂每日一题七十六天- 请解释什么是事件代理?
- 爱创课堂每日一题第四十八天- html5有哪些新特性、移除了那些元素?