您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關web開發中行內元素和塊級元素有哪些,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
一、常見塊級元素有哪些:
button,div , dl ,dt ,form , h2 ,h3 ,h4 , h5 ,h6 ,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;"。
關于“web開發中行內元素和塊級元素有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。