用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/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- css中內邊距是padding，外邊距是marginCSSpadding
- scss自動生成margin padding邊距CSSpadding
- CSS margin外邊距CSS
- CSS margin 外邊距CSS
- CSS margin負外邊距CSS
- CSS padding內邊距CSSpadding
- CSS padding 內邊距CSSpadding
- margin系列之外邊距摺疊
- 行級元素左右邊距及塊級元素上下邊距
- body 預設具有margin外邊距
- iOS tableView 分割線左右邊距調整iOSView
- CSS 外邊距(margin)重疊及防止方法CSS
- img圖片設定padding內邊距padding
- 負外邊距margin對寬度的影響
- 絕對定位對margin外邊距的影響
- margin外邊距疊加簡單程式碼例項
- 負外邊距margin對浮動元素的影響
- jquery包括margin外邊距的outerWidth或者outerHeightjQuery
- 深入理解CSS外邊距摺疊（Margin Collapse）CSS
- margin和padding有什麼區別padding
- Android的padding和margin區別Androidpadding
- jQuery offset()返回值與外邊距margin的關係jQuery
- matlab控制影象的邊界（margin），subplot的間距（gap）Matlab
- 行內元素的padding和margin屬性padding
- 行內元素的padding和margin是否有效padding
- padding和margin在span中不好用padding
- float浮動元素不會有margin外邊距合併效果
- body在預設情況下是具有margin外邊距的
- padding和margin對於position定位的影響padding
- span元素設定margin和padding不好用padding
- css之margin && padding講解CSSpadding
- margin與padding的區別padding
- 負外邊距margin對於絕對定位元素的影響
- CSS學習2—-padding/border/marginCSSpadding
- margin/padding百分比值的計算padding
- 詳述盒子模型（包含padding、border、margin的詳細用法和描述）模型padding
- 表格的邊距 邊框設定
- CSS 負外邊距CSS