首页 > 网页制作 > CSS

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

admin CSS 2022-02-06 15:58:14 行内   元素   块级"

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

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

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/CSS/77780.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持