jeong's blog

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

display inline-block 50 width 1

[Css] width 50%인 2개의 inline-block 요소가 있을 때 2번째 줄이 생기는 현상

display : inline-block 인 div 2개가 있고, 각각 width 50%을 주었을때 한줄로 표시되어야하는데 (전체 width는 100%이므로)하나의 div가 두번째 줄로 내려가는 현상이 발생됨 이는 display : inline-block 이 html의 공백(white-space)을 고려하기 때문! contentcontent이런식으로 div 사이의 공백을 제거하면 한줄로 표출된다. 출처 : https://stackoverflow.com/questions/6871996/two-inline-block-width-50-elements-wrap-to-second-line

Programming/Html & Css 2018.10.02
이전
1
다음
더보기
프로필사진

jeong's blog

오늘을 충실히 !

  • 분류 전체보기 (43)
    • Programming (2)
      • Java & Spring (0)
      • JavaScript & JQuery (0)
      • MySQL (1)
      • Html & Css (1)
    • Study (39)
      • DB (35)
      • React (4)
    • 일상 기록 (2)
      • 여행 (0)
      • 맛집 & 데이트 (2)

Tag

직장인 다이어트, 다노 도시락, SQL 첫걸음, 굽네 닭가슴살, 굽네 훈제 닭가슴살, 다이어트 식단일기, 굽네 소맛닭, 직장인 다이어트 도시락, SQL첫걸음, 다이어트 식단, 다이어트 일지, 닭가슴살 샐러드, 헬린이, 직장인 다이어터, 다이어트, 다노한끼 닭가슴살 도시락, SQL, 다이어트 치팅데이, mysql, 다이어트 식단일지,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 © Kakao Corp. All rights reserved.

티스토리툴바