前端一HTML:二十二元素显示方式案例
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:二十二元素显示方式案例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 塊級元素
? ? ?單獨占一行，高度不設置默認為0，如果有內容，高度會被內容撐開。
? ? ?display:block
2. 行內元素
? ? 一行可以有多個，不能設置寬高。?
? ?display:inline
3.?行內塊級元素
? ? 一行內可以顯示多個，可以設置寬高。
? ??display:inline-block
??
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>div{width:100px;height: 30px;background-color: blue;color: red;display: inline-block;text-align: center;}a{color: red;text-decoration: none;}</style> </head> <body><div><a href="#">導航1</a></div><div><a href="#">導航2</a></div><div><a href="#">導航3</a></div><div><a href="#">導航4</a></div> </body> </html>?
總結
以上是生活随笔為你收集整理的前端一HTML:二十二元素显示方式案例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python六十一: __module_
- 下一篇： python六十二: 析构方法