内联元素(display:inline-block)注意事项
生活随笔
收集整理的這篇文章主要介紹了
内联元素(display:inline-block)注意事项
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.內(nèi)聯(lián)元素margin的上下沒有用,加入 display:inline-block 后,才有用;
不是block塊級(jí)元素了,那么想居中,用 margin:0 auto; 沒用了,
那想居中,在他“父親”加上 text-align:center; 即內(nèi)聯(lián)元素想居中,在他“父親”加上 text-align:center;
2.如果想讓邊框縮,跟文本一樣寬,加入??display:inline-block
3,?display:inline-block后,下面會(huì)有空隙,需加上 vertical-align:top; 不加會(huì)出hug
4,內(nèi)聯(lián)元素從左向右移動(dòng),塊級(jí)元素從上到下
5.內(nèi)聯(lián)元素的高度:有l(wèi)ine-height決定
6、display: block 會(huì)另起一行
總結(jié)
以上是生活随笔為你收集整理的内联元素(display:inline-block)注意事项的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA对时间的几个处理小方法
- 下一篇: SQL高手请进来一下,谢谢