貼文討論：使用 inline-block 版面配置

留言回覆：``` inline-block ```會讓元素和元素之間有空隙 這篇參考一下 https://ithelp.ithome.com.tw/m/articles/10247993 也可以往這方面去搜尋
查看原始貼文與相關留言

對，因為有空隙，所以會換行
我用參考連結的其中一個方法修改，如下

nav {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

nav ul li {
  font-size: 16px;
}

.column {
  display: inline-block;
  vertical-align: top;
  width: 75%;
}

.column p {
  font-size: 16px;
}

.elem {
  position: relative;
  border: 2px solid;
  font-size: 0;
}

p {
  margin: 10px;
}

* {
  box-sizing: border-box;
}
birdie
ฅ•ω•ฅ
熱門搜尋： 使用 開發 工作 專案 分享 Ml 技術 id 網站 javascript ar API for github js 第一 作為 git 作業 Git AI 測試 學習 java ui html COM 搜尋 HTML JavaScript ul javasc Javascript JAVA 前端 開源 api 語言 jav 系列 框架 ci Java url app 後端 CD css GIT bi 清單 研究 結構 Ai 網頁 user 套件 架構 Github 部署 %' ＣＳＳ py 編輯 Can 資料庫 go Node aws with REACT Line console json 主題 AWS react this 工程師 伺服器 create 部落格 練習 JS 查詢 Python CSS Javas component 課程 遊戲 新手 入門 node class 分析 新創 登入 error design
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。