• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

对行内元素和块级元素的一些认识

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 一、常见块级元素有哪些:

button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列,button;

二、常见行内元素有哪些:

img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,strong ;

三、行内元素有哪些特点:

(1).设置width无效

(2)设置height无效,但是可以设置line-height;

(3)margin只有左右有效,上下无效;

(4)padding和margin一样只有左右有效,上下无效,但是不一样的是元素的范围增大了,但是对周围的元素没有影响;

四、不同浏览器行内元素与块级元素中text-align表现出来的不同:

IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。

解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center;"。

以上这篇对行内元素和块级元素的一些认识就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持极客世界。

原文地址:http://blog.csdn.net/fanhaiwang520/article/details/7945385


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
举例讲解CSS的子元素选择器用法发布时间:2022-06-21
下一篇:
CSS的相邻兄弟选择器用法简单讲解发布时间:2022-06-21
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap