내멋대로 내가 가는대로

  • 홈
  • 태그
  • 방명록

2023/10/16 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
다음
더보기
프로필사진

내멋대로 내가 가는대로

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2023/10   »
일 월 화 수 목 금 토
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.

티스토리툴바