回答編集履歴
1
追記
answer
CHANGED
|
@@ -15,3 +15,19 @@
|
|
|
15
15
|
+background-repeat: space;
|
|
16
16
|
```
|
|
17
17
|
|
|
18
|
+
-----
|
|
19
|
+
|
|
20
|
+
> 文字の量に結構差があるので、均一に分配されるとバラバラ感が出てしまうのと、縦はそろっている必要があるので難しいです。
|
|
21
|
+
|
|
22
|
+
いっそ、dashedなボーダーにしてみる、とか。
|
|
23
|
+
|
|
24
|
+
```diff
|
|
25
|
+
.item::after {
|
|
26
|
+
...
|
|
27
|
+
width: 100%;
|
|
28
|
+
- background-image : linear-gradient(to right, #000 2px, transparent 2px);
|
|
29
|
+
- background-size: 10px 2px;
|
|
30
|
+
+ border-top: gray 1px dashed;
|
|
31
|
+
+ content: ''
|
|
32
|
+
}
|
|
33
|
+
```
|