貼文討論：使用 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
ฅ•ω•ฅ
熱門搜尋： COM PYTHON 作業 PHP 學習 node.js 分離 COMPO C theprofs vue HTML 4 非同步 JS 訓練 作為 新創 PHP' 2 隨機 10 . /etc/passwd 使用 colab Fetch API MySQL unitTest toptal part git 工作 架構 機器人 React 房 研 go php c ci 後端 rest 英文 題 ruby JS 第一 sso Ai AI login 國旗 globalthis ＣＳＳ Java jav html Html 求職 webpack github json 1 API ajax 履歷 prisma user 結構 分享 前 design this nodejs create Python height 資料結構 JAVA 登入 GIT css 阿川 console 開發 .NET 工程師的缺德行為 component js javascript 系列 語言 部落格 非同步 JS class JavaScript 系列七 上班族關懷串 flash 作業包 ui id
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。