내멋대로 내가 가는대로

  • 홈
  • 태그
  • 방명록

vertical-align 1

[HTML] ul > li 구조에서 세로 가운데 정렬(Vertical-align) 하는 방법

1. 개요 ul > li 목록형 구조 작성 과정에서 세로 정렬이 되지 않아, 여러 방법을 찾아 보던 중 가장 HTML가 친숙하고 쉬운 방법으로 세로 정렬 구성을 할 수 있는 방법을 찾아 기록한다. 2. 작성 방법 1) CSS 구성 "li:before" 구성을 하게되면 "display: inline-block"을 통해 최초 초기 설정을 해준다. content "싱글쿼터"를 넣게되면 기본 사이즈가 지정된다. ul li:before { display: inline-block; vertical-align: middle; content: ''; height: 100%; } ul li { width: 100%; height: 38px; border-bottom: 1px solid blue; } 2) HTML 태그는..

Programming/기본 (Baisc) 2023.10.16
이전
1
다음
더보기
프로필사진

내멋대로 내가 가는대로

그냥 일하면서 잊기 싫은 모든걸 모아두는 곳

  • 분류 전체보기 (128)
    • 내멋대로 하고싶은대로 (1)
    • Programming (77)
      • 기본 (Baisc) (64)
      • 스프링 F.W (4)
      • 스프링.유틸 (7)
      • 업무 EXCEL (2)
    • 게임 (2)
      • 마인크래프트 (1)
    • Linux (32)
    • Work Style (1)
    • 아웃소싱-Job (7)
      • ProjectCardStyleCalendarNot.. (5)
      • 계약 관련 (2)
    • 깨알상식 (3)
    • 리뷰 (5)
    • 뉴스 (0)

Tag

smtp 프로토콜, mysql, php, 자동화 스크립트, mariadb, 스프링, Spring, javascript, 웹서버, 데이터베이스, Java, 오라클, 보안, 지수등급, twitch, 자바, vmware, HAProxy, mariadb slave, mariadb 2중화,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/07   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바