It looks good on Chrome, Whale browsers, but it looks weird on IE, Edge, Firefox.

1. Question

The main screen of my T-story blog (http://mysnowbear.tistory.com) is visible in Chrome, Naver Wales browsers, but not in Internet Explorer 11, Edge, and Moizla firefox, so I'd like to ask you about the cause and solution.

2. Contrast screen shot The red circle is a problem when I look at my blog on IE, Edge, Firefox. The text of the content pops out beyond the specified size of the div and invades the bottom.

3. Coding

.idx_content{font-size:11.1pt;color:#777;-webkit-line-clamp:5}

This is where the red circle is associated in the picture. As you can see, in Chrome and Whale, there are only five lines like -webkit-line-clamp:5 in coding, but in IE, Edge, and Firefox, I'm worried that there's a lot more writing than that.

This is a problem that is occurring on the main page of my blog http://mysnowbear.tistory.com, so I would appreciate it if you could visit and help me

browser html css

2022-09-21 19:16

1 Answers

Looking at the webkit-line-clamp among the css properties, it seemed to be only allowed in the webkit engine, so when I searched, someone else posted the explanation.

http://tobyyun.tumblr.com/post/55858430437/css%EB%A5%BC-%ED%86%B5%ED%95%9C-%EB%A9%80%ED%8B%B0%EB%9D%BC%EC%9D%B8-%EB%A7%90%EC%A4%84%EC%9E%84-%EC%B2%98%EB%A6%AC%EC%99%80-%ED%8F%B4%EB%B0%B1

Check the link above.

2022-09-21 19:16

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656