ux dev

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

2023/06/10 1

플렉스박스에 말 줄임표(text-overflow: ellipsis) 삽입하기

플렉스박스로 구성된 텍스트 콘테이너는 기본적으로 'text-overflow: ellipisis'로 구현되는 '말 줄임표'를 넣을 수가 없습니다. 하지만 플렉스박스의 하위 자식 요소를 텍스트를 담는 컨테이너로 활용하는 경우 '말 줄임표'를 삽입할 수 있습니다. 플렉스박스가 갖는 기능적 특성으로 보이며, 말 줄임표의 활용이 필요한 경우에는 자식 요소를 텍스트 컨테이너로 활용하는 방식으로 코드를 구성하시기 바랍니다. See the Pen Text ellipsis with Flexbox by siimplelab (@siimplelab) on CodePen.

UX 개발/CSS - Flex & Grid 2023.06.10
이전
1
다음
더보기
프로필사진

ux dev

UX의 개발방법을 고민합니다.

  • 전체보기 (309)
    • UX 콜렉션 (5)
      • 디자인 프레임워크 (1)
      • 디자인 시스템 (0)
      • 아이콘 (3)
      • 폰트 (1)
    • UX 리서치 (40)
      • 디자인 시스템 가이드 (1)
      • 디자인 시스템 컴포넌트 (2)
      • 디자인 이론과 리서치 (16)
      • 디자인 트렌드와 문화 (1)
      • 디자인 케이스스터디 (15)
      • 디자인 리소스 (5)
    • UX 디자인 (54)
      • 피그마 (15)
      • 피그마 - 무료 템플릿 (3)
      • 피그마 - 무료 플러그인 (7)
      • 피그마 - 무료 리소스 (2)
      • 어피니티디자이너 (4)
      • 포토샵 (2)
      • 일러스트레이터 (9)
      • 색상과 디스플레이 (3)
      • 인쇄 (1)
      • 아이콘 디자인 (4)
      • 이메일 디자인 (1)
      • 스케치 (3)
    • UX 개발 (156)
      • HTML (8)
      • CSS (27)
      • CSS - 타이포그래피 (2)
      • CSS - 3D (3)
      • CSS - Selector (1)
      • CSS - Flex & Grid (7)
      • CSS - SASS & SCSS (1)
      • CSS - TailwindCSS (7)
      • CSS - 라이브러리 (2)
      • JS (7)
      • UX - 폼 (Forms) (1)
      • UX - 스크롤 애니메이션 (10)
      • UX - 슬라이더 (롤링배너) (1)
      • UX - 트랜지션 효과 (1)
      • UX - 반응형 (RWD) (1)
      • UX - 커서 & 클릭 & 키보드 (3)
      • Jekyll (1)
      • 노션 (0)
      • 티스토리 (2)
      • 지도API (2)
      • ChatGPT (1)
      • Git (1)
      • SEO (4)
      • 테스팅 (1)
      • Shell Script (Bash) (7)
      • 웹서버 (2)
      • 개발도구와 환경 (53)
    • 정보 접근성 (20)
      • 접근성 (A11Y) (6)
      • 접근성 (A11Y) - 웹 접근성 지침 (7)
      • 접근성 (A11Y) - 컴포넌트 (7)
    • UX 리뷰 (14)
      • 디지털디바이스 (11)
      • 음식과 공간 (0)
      • 거의 모든 것 리뷰 (3)
    • 웹디자인기능사 (17)
      • 웹디자인기능사 정보 (1)
      • 웹디자인기능사 필기 요약 (11)
      • 웹디자인기능사 필기 기출 (0)
      • 웹디자인기능사 실기 (5)
    • 프로젝트 (3)
      • 무료 웹 도구 (3)

Tag

아이콘, 로고디자인, UI디자인, figma, 웹디자인기능사, UX, 어피니티디자이너, ux디자인, UI, CSS, 피그마, html, 디자인, 웹디자인기능사필기요약, MacOS, 디자인시스템, 어피니티, 일러스트레이터, 웹디자인기능사필기, 맥OS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2023/06   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

uxdev.org

  • siimplelab
  • siimply

티스토리툴바