見たところCSSには問題がないと思います。
ちゃんとどれも3行目に「…」が付いてます。
どんどん上がってくるというのはHiro14さんの環境では上から3行目→2行目→1行目ってなるってことですよね?
自分のところでは再現しません…
それとは別にこちらのheight
は不要です。これがあると高さが取られて3行以上表示されてしまうので。
残す場合はハックなどでchromeで見た場合height:auto;
になるように指定が必要です。
css
1.list-info .title {
2 font-size: 3.8vw;
3 font-weight: 600;
4 margin-top: 0.8vh;
5 margin-bottom: 0.3vh;
6 color: #463a1c;
7 overflow: hidden;
8/* height: 4.5em; 不要です */
9 width: 100%;
10 display: -webkit-box;
11 -webkit-box-orient: vertical;
12 -webkit-line-clamp: 3;
13}
###追記
css
1.list-info .title {
2 font-size: 3.8vw;
3 font-weight: 600;
4 margin-top: 0.8vh;
5 margin-bottom: 0.3vh;
6 color: #463a1c;
7 overflow: hidden;
8 height: 4.5em;
9 width: 100%;
10}
chrome以外はここまで。
css
1.list-info .title {
2 font-size: 3.8vw;
3 font-weight: 600;
4 margin-top: 0.8vh;
5 margin-bottom: 0.3vh;
6 color: #463a1c;
7 overflow: hidden;
8 height: 4.5em;
9 width: 100%;
10
11 display: -webkit-box;
12 -webkit-box-orient: vertical;
13 -webkit-line-clamp: 3;
14 height: auto;
15}
line-clamp
が有効なchromeはheight: auto;
に書き換える。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/11/05 12:19
2016/11/05 12:27 編集
2016/11/05 12:40
退会済みユーザー
2016/11/05 13:34
退会済みユーザー
2016/11/05 13:42
2016/11/05 13:45 編集
退会済みユーザー
2016/11/05 13:53
2016/11/05 14:06
2016/11/05 14:15
退会済みユーザー
2016/11/05 15:04
2016/11/05 15:11
退会済みユーザー
2016/11/05 15:17
退会済みユーザー
2016/11/05 15:20
2016/11/05 15:24
退会済みユーザー
2016/11/05 15:30