반응형

clip - 넘치는 부분 그냥 자름

ellipsis - 생략이라는 뜻, text 길어질때 ...등으로 생략하는 것

 

clip과 ellipsis 둘다 잘리는 건 같은데 차이는 ...가 있냐 없냐

 

https://www.w3schools.com/cssref/css3_pr_text-overflow.asp

 

CSS text-overflow property

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

https://junistory.blogspot.com/2017/06/css-ellipsis.html

 

반응형
저작자표시

'html, css' 카테고리의 다른 글

[input focus] .focus(), <input autofocus/>, <input ref = { input => input && input.focus() } />  (0) 2023.12.19
css vertical center align: line-height사용가능(block안에 inline/inline-block이 있으면 text로 취급되어 설정된 line-height의 지배를 받으므로) 그러나 flex나 position을 더 많이 사용함  (0) 2022.09.15
css display: block(div p form ol ul h1~6 table...) vs inline(span a img button input...)  (0) 2022.08.04
css overflow: visible(default),hidden, scroll, auto  (0) 2022.08.03
마우스 포커스 못 가게 막는 법: <input readonly={true}(봐서는 모르고 포커스해봐야앎) disabled(딱보면 비활성화)  (0) 2022.08.01

+ Recent posts

티스토리툴바