teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2016/11/05 14:15

投稿

gin
gin

スコア2722

answer CHANGED
@@ -19,4 +19,36 @@
19
19
  -webkit-box-orient: vertical;
20
20
  -webkit-line-clamp: 3;
21
21
  }
22
- ```
22
+ ```
23
+ ###追記
24
+ ```css
25
+ .list-info .title {
26
+ font-size: 3.8vw;
27
+ font-weight: 600;
28
+ margin-top: 0.8vh;
29
+ margin-bottom: 0.3vh;
30
+ color: #463a1c;
31
+ overflow: hidden;
32
+ height: 4.5em;
33
+ width: 100%;
34
+ }
35
+ ```
36
+ chrome以外はここまで。
37
+ ```css
38
+ .list-info .title {
39
+ font-size: 3.8vw;
40
+ font-weight: 600;
41
+ margin-top: 0.8vh;
42
+ margin-bottom: 0.3vh;
43
+ color: #463a1c;
44
+ overflow: hidden;
45
+ height: 4.5em;
46
+ width: 100%;
47
+
48
+ display: -webkit-box;
49
+ -webkit-box-orient: vertical;
50
+ -webkit-line-clamp: 3;
51
+ height: auto;
52
+ }
53
+ ```
54
+ `line-clamp`が有効なchromeは`height: auto;`に書き換える。