[css] 行内元素和块级元素有什么区别,如何相互转换?
生活随笔
收集整理的這篇文章主要介紹了
[css] 行内元素和块级元素有什么区别,如何相互转换?
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
[css] 行內(nèi)元素和塊級元素有什么區(qū)別,如何相互轉(zhuǎn)換?
一般通過display屬性來區(qū)分塊級元素和行內(nèi)元素,block代表塊級元素,inline代表行內(nèi)元素。 塊級元素: 1、內(nèi)容獨(dú)占一行。 2、width和height可以設(shè)置。 3、margin和padding也可以設(shè)置。 行內(nèi)元素: 1、內(nèi)容不獨(dú)占一行。 2、width由內(nèi)容撐開,不可設(shè)置。 3、豎直方向marigin和padding不可設(shè)置,水平方向可設(shè)置。 4、有多個(gè)行內(nèi)元素,則會(huì)排列在一行,直到父容器放不下才會(huì)換行。 塊級元素和行內(nèi)元素通過修改display屬性可相互切換。個(gè)人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅(jiān)持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的[css] 行内元素和块级元素有什么区别,如何相互转换?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 音视频 H.264格式介绍
- 下一篇: ToStringBuilder学习(一)