text-overflow ellipsis 말줄임표

Question

안녕하세요text-overflow 를 사용하여 말줄임표 생성하려고 하는데웹에서는 잘 구현되는데 앱에서 말줄임표가 생성되지 않습니다태그는 p 태그 사용했습니다..name {overflow:hidden; font-size:1.6rem; font-weight:700; line-height:2.4rem; white-space:nowrap; text-overflow:ellipsis;}line-clamp로도 css 수정을 해보았지만.name {overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; font-size:1.6rem; font-weight:700; line-height:2.4rem; text-overflow:ellipsis; -webkit-line-clamp:1; line-clamp:1;}해당 css로도 해결이 되지 않습니다웹 화면앱 화면앱은 아이폰 13 미니로 확인하였고갤럭시에서도 동일 현상이 발생하는것같습니다식당명과 식당주소는 데이터로 가져오는 거라js로 html 을 쏘는건데 혹시, 이때 문제인걸까요?답변 부탁드립니다 ㅠㅠ

하얀뼈 · Answer

js로 html을 쏜다는게 정확하게 뭘한다는거에여?

***** · Answer

확정적으로 보여주려면 p의 width를 지정해주어야 할테고요, 아니면 다른 요소의 너비에 영향을 받는 게 아닌가 싶습니다.

text-overflow ellipsis 말줄임표

2개의 답변

Q&A 목록