분류 전체보기 (67) 썸네일형 리스트형 [CSS]white-space normal[기본값]여러개의 공백 중 1개만 표시.글이 길어지면 텍스트가 자동 줄바꿈(wrap) nowrap공백을 여러개 넣어도 1개만 표시.텍스트가 길어도 줄바꿈 되지 않고 한 줄로 계속 표시 pre공백을 코드에 있는 그대로 표시.태그와 동일한 기능 코드에 줄바꿈이 없다면 줄바꿈이 되지 않음 pre-wrap공백을 코드에 있는 그대로 표시함코드에 줄바꿈이 없어도 자동 줄바꿈이 됨 pre-line공백을 여러개 넣어도 1개만 표시.코드에 줄바꿈이 없어도 자동 줄바꿈이 되며, 코드에 줄바꿈이 있을때는 그대로 HTML 코딩을 하면서 태그를 사용할때 고정 width를 지정하지 않을 경우 혼자 레이아웃을때려부수고 튀어 나갈때가 있는데 그럴땐 pre 태그에 white-space 스타일을 pre-wrap이나 pre-l.. 자바스크립트에서 startsWith, endsWith 쓰기 C#에 있는 startsWith, endsWith 함수를 javascript에서도 쓸 수 있게 함수를 만들었다 startsWith String.prototype.startsWith = function(str){ if (this.length < str.length) { return false; } return this.indexOf(str) == 0; } endsWith String.prototype.endsWith = function(str){ if (this.length < str.length) { return false; } return this.lastIndexOf(str) + str.length == this.length; } CSS 가운데 정렬 가로 중앙 정렬 폭이 정해진 블럭 요소 auto는 마진의 왼쪽과 오른쪽 여백이 동일하게 나눠짐을 의미한다. p { width: 100px; /* 정렬하려는 요소의 넓이를 반드시 지정 */ margin: 0 auto;} 가변폭인 블럭 요소 ie8 이상 가운데 정렬이 되는 것은 item 클래스의 요소이다. 인라인 요소도 가능 block itemie6 ~ 7 호환 block item inline-block을 지원하지 않는 브라우저는 display: table과 margin을 적용받아 가운데 정렬이 되고, 나머지 브라우저에서는 text-align: center와 display: inline-block이 적용되어 가운데 정렬이 된다. 포지션이 absolute일 때 포지션이 absolute일 때 중앙정렬 (가로 +.. 이전 1 ··· 6 7 8 9 다음