2016-04-19 26 views
0

如何從圖像中實現水平虛線並控制HTML/CSS中每個之間的間隙?我認爲JavaScript是爲了矯枉過正。如何使用重複圖像作爲邊界與間隙

林在黃色標記面臨這樣的問題,所以我需要它的動態。

也許有人有一個好主意。

+0

什麼是「問題在黃色標記」到底是什麼? – leigero

+0

目前還不清楚你究竟在問什麼或想要達到什麼目的。您還應該包含您嘗試幫助我們的代碼。 – leigero

+0

準確地說,最後一個重複的圖像(標記所在的位置)也應該是破折號。現在它的一半破折號:) – satinez

回答

0

嘗試border-image屬性(使用它幾年前,運行良好,但您需要記住,圖像在不同的獨立像素分辨率下縮放(短版:不同的Android設備可以縮放/放大),但也許它只是適度規模單位的情況下 - 我創建針對不同的圖像大小):

https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

+0

也許我可以用它與SVG? – satinez

+0

嘗試並給我們所有人的反饋:) –

+0

好的,我讀了關於這個邊界圖像和切片。我的問題是,我需要完整的9切片方法還是隻能做3片切片的x軸部分? – satinez