땀나는 애

1. 소스 수정 select{ font-size:0.95em; height:30px; border:0; border-bottom: 1px solid rgb(169, 169, 169); -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/ background: url(img/select.jpg) no-repeat right; } select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ } 2. 아래의 화살표를 백그라운드로 삼을것 2-1. 특수문자 ▼ 2-2. css로 화살표..

width:1000px; white-space:pre-wrap; word-wrap:break-word; * word-wrap : 넘치는 경우 단어내에서 분리의 여부를 결정함 * word-break : 단어 분리시에 어떻게 할 것인가

.ellipsis { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:300px; overflow:hidden; } .ellipsis-multi { width:300px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }

예시 기존의 input과 다른 부분 readonly="readonly"

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }