display 검색 결과

해당 글 2건

ul, li 가운데 정렬

보통 가운데 정렬 할때 margin:0 auto; -> 가로크기를 고정으로 해야한다는 단점. 유동적으로 하고 싶을 때의 방법 text-align: center;display: inline-block; 사용 태그가 text-align 속성이 먹히는 이유-> inline-block 속성을 가진 태그이기 때문. 즉 text-align 은 텍스트와 inline-block 속성을 가진 태그들을 정렬. * 해결ul을 감싸는 wrap { text-align: center }ul { display: inline-block; } 출처 http://kkotkkio.tistory.com/37
WEB/CSS 2016. 12. 12. 16:54

inline-block-2

inline-block 레이아웃레이아웃을 잡기 위해 inline-block을 사용할 수도 있습니다. 이때 몇 가지 염두에 둘 점이 있습니다.inline-block 엘리먼트는 vertical-align 프로퍼티의 영향을 받습니다(아마 이 프로퍼티는 top으로 설정하고 싶을 겁니다).각 칼럼의 너비를 설정할 필요가 있습니다.HTML의 각 칼럼 사이에 공백이 있으면 칼럼 간에 틈이 생깁니다.nav { display: inline-block; vertical-align: top; width: 25%; } .column { display: inline-block; vertical-align: top; width: 75%; }홈타코 메뉴초안 목록시간방향연락처짜잔!나랏말ᄊᆞ미 中듀ᇰ國귁에 달아 文문字ᄍᆞᆼ와로 서르 ..
WEB/CSS 2016. 12. 6. 17:45