码迷,mamicode.com
首页 > 其他好文 > 详细

block,inline,inline-block的区别

时间:2015-03-09 22:11:43      阅读:419      评论:0      收藏:0      [点我收藏+]

标签:

block: 英语翻译过来是“”意思,就跟小时候玩过的积木方块一样,一块一块往上搭。

inline: 英语翻译过来就是“内联”的意思,内联不好理解,我的理解就是行内元素;

blockinline都是比较通俗的说法,block应该是“block-level elments”(块级元素),inline应该是“inline elements”(行内元素)

block元素在网页中会单独占一行,即使他的宽度比浏览器窗口小很多也不会让后面的元素挤上来跟他同占一行(比较小气),而inline就不一样啦,他比较大方,他可以和多个inline元素同占一行,知道他们的宽度总和超过了浏览器窗口的宽度才会将多出来的元素往下挤(因为实在太挤了);

常见的块级元素:div,p,form,h1-h6,pre,ol,ul,dl等等;

常见的内联元素:span,a,img,input,textarea,br,em,label,strong,select等等

 

block,inline,inline-block的区别

标签:

原文地址:http://www.cnblogs.com/hongrunhui/p/4324532.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!