用padding和margin撐起左右邊距
在span和div之間新增一個i標籤，inline-block話，用padding和margin撐起左右邊距，然後利用border來製作分隔符，這個分隔符大小長短可以控制，左右邊距可控，是一種實現方式。如題，文字中間的豎線，我使用左邊span標籤的右邊框來實現的，但是現在對這兩個span的父元素使用了flex佈局，交叉軸居中對齊，然後對span設定的vertical-align:center就不管用了，就出現作為豎線的那個右邊框與父元素的上邊框貼合了，沒有實現想要的效果
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/55/viewspace-2868811/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- scss自動生成margin padding邊距CSSpadding
- CSS padding 內邊距CSSpadding
- CSS padding內邊距CSSpadding
- CSS margin 外邊距CSS
- CSS margin外邊距CSS
- 左右邊距可控
- CSS margin負外邊距CSS
- img圖片設定padding內邊距padding
- margin和padding使用的場景有哪些？padding
- 行內元素的padding和margin屬性padding
- 行內元素的padding和margin是否有效padding
- iOS tableView 分割線左右邊距調整iOSView
- margin/padding百分比值的計算padding
- 詳述盒子模型（包含padding、border、margin的詳細用法和描述）模型padding
- padding 、margin設定百分比的意義padding
- 區別margin、padding、width、height值為百分比padding
- 12.9學習日報（盒子模型和各類注意事項、margin垂直外邊距合併、頂部塌陷問題）模型
- Pytorch 四種邊界填充方式(Padding)PyTorchpadding
- CSS 負外邊距CSS
- 解決margin塌陷和margin合併
- CSS 盒子的邊距塌陷CSS
- CSS 右內邊距失效CSS
- CSS 右外邊距失效CSS
- CSS 外邊距合併CSS
- 移動端巧用margin/padding的百分比實現自適應padding
- 外邊距與絕對定位
- echarts grid屬性控制邊距Echarts
- 浮動定位（BFC、邊距合併）
- 1.15 列印的縮放和頁邊距的設定 [Excel教程]Excel
- 邊緣應用場景需求興起，FusionCube解碼智慧邊緣！
- 函式間隔（functional margin）和幾何間隔（geometric margin）函式Function
- 女玩家撐起遊戲市場半邊天，女性向遊戲將迎發展高峰？遊戲
- 如何縮小Matplotlib圖中的邊距
- Latex 生成的PDF增加行號 左右兩邊
- Python修改柱狀圖邊緣柱子與圖邊界的距離Python
- 帶你一起敲敲ES6的新特性,邊解釋邊應用！
- win10系統怎麼設定word頁邊距_win10設定word頁邊距的步驟Win10
- 擎天神Atlas，撐起智慧計算風暴