當前位置:
首頁 >
内联元素(display:inline-block)注意事项
發布時間:2025/3/15
30
豆豆
生活随笔
收集整理的這篇文章主要介紹了
内联元素(display:inline-block)注意事项
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.內聯元素margin的上下沒有用,加入 display:inline-block 后,才有用;
不是block塊級元素了,那么想居中,用 margin:0 auto; 沒用了,
那想居中,在他“父親”加上 text-align:center; 即內聯元素想居中,在他“父親”加上 text-align:center;
2.如果想讓邊框縮,跟文本一樣寬,加入??display:inline-block
3,?display:inline-block后,下面會有空隙,需加上 vertical-align:top; 不加會出hug
4,內聯元素從左向右移動,塊級元素從上到下
5.內聯元素的高度:有line-height決定
6、display: block 會另起一行
總結
以上是生活随笔為你收集整理的内联元素(display:inline-block)注意事项的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA对时间的几个处理小方法
- 下一篇: 现共收到 5 个分组,其目的地址分别为: