퍼블리싱TIP 검색 결과

해당 글 20건

[css trick] text-align : justify

div 안에 글을 정렬할 때 text-align 을 많이 사용한다. 이 중에 justify 속성은 div의 폭에 맞춰 글을 정렬하는 것이다.허나 영문이 아닌 아시아 언어는 이 속성이 제대로 적용되지 않는다. 이 름 :핸 드 폰 : 우편번호 : 표현하자면 이런식일까? 이름, 핸드폰, 우편번호라는 라벨을 text-align: justify 로 정렬해보지만 제대로 되지 않는다. 123이 름핸드폰우편번호cs 123456789.justifyAsia { width: 200px; text-algin:justify;}.justifyAsia:after { content: ""; display: inline-block; width: 100%;}cs 이러면 된다.
퍼블리싱/TIP 8년 전

BEM(Block Element Modifier)에 관하여

BEM ( Block Element Modifier ).header__nav--sta 위와 같은 스타일의 클래스작명규칙( naming convention )을 BEM이라 한다.각 요소의 연관성을 분명하게 볼 수 있는 것이 장점이다. 아래글은 csswizardry.com의 글을 가져온 것입니다. BEM Naming Convention123.block{}.block__element{}.block--modifier{}cs .block 은 높은단계의 구성요소를 말한다..block__element 는 .block의 자식을 나타낸다..block--modifier 는 .block의 다른 상태나 버전을 나타낸다. 좀 더 쉽게 예를 들어보자면 아래와 같다. 12345.person{}.person__hand{}.perso..
퍼블리싱/TIP 9년 전

모바일웹에서의 FOOTER

모바일웹에서 footer 태그에 위치한 숫자들을 전화번호로 인식하여 자동으로 a태그가 감싸진다. 그 결과 원하던 폰트색이 아닌 a태그로 감싸져있을 때의 폰트색으로 변경되어 나오게 되는데 footer에 태그를 추가해서 원하는 폰트색으로 변갱해주자.12footer address a:link{color:#838383;}footer address a:visited{color:#838383;}cs이렇게 추가해주면 원래 폰트색으로 나오게 된다.
퍼블리싱/TIP 9년 전