개발은 하는건가..

[CSS] 반응형 말줄임 처리 본문

Web (js, css, html)

[CSS] 반응형 말줄임 처리

수동애비 2023. 9. 14. 16:06
반응형
<style>
div {
  display: flex;
  overflow: hidden;
}

div > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>

<html>
<div>
  <p>
  긴 문장의 메세지~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  </p>
</div>
</html>

 

table  안에서 동작 시  테이블의  style 에   table-layout: fixed ;  가 설정되어 있어야 한다.

저작자표시

'Web (js, css, html)' 카테고리의 다른 글

[CSS] 가변 레이아웃 안에서 스크롤바 적용  (0) 2024.05.22
[Javascript] click 이벤트가 자식과 부모 이중으로 발생할 때 처리  (0) 2023.10.06
Bootstrap class 속성들  (0) 2023.08.31
[css] position absolute 레이어 중앙 정렬  (0) 2023.04.24
[CSS] 항상 하단에 위치하도록 스타일 지정.  (0) 2022.03.18
'Web (js, css, html)' Related Articles more
Comments