左右邊距可控
在span和div之間新增一個i標籤,inline-block話,用padding和margin撐起左右邊距,然後利用border來製作分隔符,這個分隔符大小長短可以控制,左右邊距可控,是一種實現方式。如題,文字中間的豎線,我使用左邊span標籤的右邊框來實現的,但是現在對這兩個span的父元素使用了flex佈局,交叉軸居中對齊,然後對span設定的vertical-align:center就不管用了,就出現作為豎線的那個右邊框與父元素的上邊框貼合了,沒有實現想要的效果
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/55/viewspace-2868840/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 用padding和margin撐起左右邊距padding
- iOS tableView 分割線左右邊距調整iOSView
- CSS 負外邊距CSS
- CSS margin 外邊距CSS
- CSS padding 內邊距CSSpadding
- CSS margin外邊距CSS
- CSS padding內邊距CSSpadding
- CSS 盒子的邊距塌陷CSS
- CSS 右內邊距失效CSS
- CSS 右外邊距失效CSS
- CSS margin負外邊距CSS
- CSS 外邊距合併CSS
- 外邊距與絕對定位
- echarts grid屬性控制邊距Echarts
- scss自動生成margin padding邊距CSSpadding
- 浮動定位(BFC、邊距合併)
- 如何縮小Matplotlib圖中的邊距
- img圖片設定padding內邊距padding
- Latex 生成的PDF增加行號 左右兩邊
- Python修改柱狀圖邊緣柱子與圖邊界的距離Python
- win10系統怎麼設定word頁邊距_win10設定word頁邊距的步驟Win10
- 面試之CSS篇 - 邊距重疊與BFC面試CSS
- IMG圖片下面出現下邊距的解決辦法
- HTML中<a>標籤無法使用垂直邊距的解決方法HTML
- 1.15 列印的縮放和頁邊距的設定 [Excel教程]Excel
- BUG--圖片底部與邊框之間有空白距離
- 在你身邊你左右 --函數語言程式設計別煩惱函數程式設計
- 在你身邊你左右 –函數語言程式設計別煩惱函數程式設計
- 可控函式函式
- 盒子模型的外邊距塌陷和合並問題及解決方案模型
- 與ChatGPT聊自主可控ChatGPT
- 馬氏距離與歐氏距離
- Qt中Spinbox,DateTimeEdit等控制元件樣式表:箭頭在左右兩邊QSS程式碼示例QT控制元件
- 【Python】距離Python
- JavaScript 元素距離視窗頂部的距離JavaScript
- 曼哈頓距離與切比雪夫距離
- 編輯距離及編輯距離演算法演算法
- JavaScript獲取元素距離文件頂部的距離JavaScript