css使用記錄
給DIV設定display:inline-block屬性後,這四個DIV會拍在一排,但是會個別的高一點,不對齊。
解決方法:
給div設定vertical-align:top
<div>
<div style="display:inline-block;vertical-align:top"></div>
<div style="display:inline-block;vertical-align:top"></div>
<div style="display:inline-block;vertical-align:top"></div>
<div style="display:inline-block;vertical-align:top"></div>
</div>
多個div橫向排列,可以用display:inline-block
多瀏覽器相容,在於border-radius,shanow
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2001/viewspace-2816685/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS攻擊:記錄使用者密碼CSS密碼
- (CSS學習記錄):CSS高階技巧CSS
- 前端學習記錄(CSS篇)前端CSS
- 個人CSS問題的記錄CSS
- css常用樣式彙總記錄CSS
- vscode 使用記錄VSCode
- IPython 使用記錄Python
- Ubuntu使用記錄Ubuntu
- webpack使用記錄Web
- angr使用記錄
- Mac使用記錄Mac
- vim使用記錄
- codesandbox 使用記錄
- supervisor 使用記錄
- MinIO使用記錄
- vue 使用記錄Vue
- phpword使用記錄PHP
- GRPC使用記錄RPC
- kaggle使用記錄
- CSS基礎概念記錄之元素型別CSS型別
- Redis 使用記錄(一)Redis
- linux apache 使用記錄LinuxApache
- Git 命令使用記錄Git
- BrainNet Viewer 使用記錄AIView
- Python使用記錄_20240921Python
- Winform RichTextBox 使用記錄ORM
- selenium使用記錄(一)
- 記錄使用 guzzlehttp 異常捕獲踩坑記錄HTTP
- VSCode Lite Edit 主題的相關CSS記錄VSCodeCSS
- Laravel-admin 使用記錄Laravel
- 【微服務】docker使用記錄微服務Docker
- idea 使用問題記錄Idea
- craco使用問題記錄
- Postman 常規使用記錄Postman
- GDB除錯使用記錄除錯
- Linux 個人使用記錄Linux
- lite-server使用記錄Server
- 使用pyqt5記錄QT