- Today
- Total
목록Web/Front-End (27)
CODE CAVE
이미지를 부트스트랩을 안쓰면 text-align: center; 을 써서 가운데 정렬이 되지만 부트스트랩에서 .img-responsive를 써서 반응형 이미지로 만든 후에 가운데 정렬 하면 안되는 경우가 있습니다. 이는 너비 값이 고정이 아니게 되버려서 안되는건데요~ 그럴땐 부트스트랩의 .center-block을 쓰면 됩니다.!
아이폰 사파리에서 이나 을 쓸 시에 라운드 처리와 그라데이션이 기본으로 들어가 있는 경우가 있습니다. 분명이 다른 스타일을 넣었는데.. 백그라운드도 지정했고 라운드를 작게 지정했는데 이상하게 그라데이션과 라운드가 잡혀있는 경우는 사파리에서 적용되는 기본 스타일로, CSS에서 해당 버튼에 appearance:0; 만 넣어주시면 사파리의 기본 스타일이 사라지고 작성하신 스타일이 잘 적용 될 것 입니다. apperance:0; 그럼 모두 즐코딩 하세요~ 도움이 되셨다면 아래 공감 버튼을 꾹!▼▼▼▼▼▼
보통 가운데 정렬 할때 margin:0 auto; 많으들 쓰시죠. 하지만 이건 가로크기를 고정으로 해야한다는 단점이 있습니다. 유동적으로 하고 싶을 때의 방법은 text-align: center;와 display: inline-block; 을 이용하는 것입니다. 텍스트가 아닌데 text-align 하면 먹히는건 경험 해보셨나요?? 이 태그가 text-align 속성이 먹히는 이유는 이게 inline-block 속성을 가진 태그 이기 때문입니다. 즉 text-align 은 텍스트와 inline-block 속성을 가진 태그들을 정렬 해줍니다. ul을감싸는wrap { text-align: center }ul { display: inline-block; } 끝~ 즐코딩하세요~~ 도움이 되셨다면 아래 공감 버튼을..
제목을 어떻게 써야 이 고민을 하시는 분들이 오실까~ 하다가 좀 이상하게 쓰긴 했는데 ㅋㅋㅋ 저의 경험으로 빗대면 제가 처음 *.min.js 파일을 접했을때 아니 왜 min 파일은 다 1줄이지.. 압축의 목적인가...그렇다면 min 파일은 어떻게 만들고 min파일만 있을경우 원본 소스는 어떻게 보지.. 라는 생각이였습니다. 그래서 제목을.. 초보자들이 검색할만한 키워드로 했습니다 ㅎㅎ 아무튼! min 파일을 원본 소스코드 처럼 보시려는 이유는 분석해보고 싶거나 조금 고치기 위해서 하시는 분들이 많을텐데요~ 다행히도 이를 바로 수행해주는 매우 좋은 사이트가 있습니다. 사이트 자체적으로나 기능적으로나 UI 적으로나 너무 단순해서 그냥 접속해서 보시면 바로 아실거예요 ㅋㅋ http://jsbeautifier...
사이트를 만들다보면 입력필드를 비활성화 시켜야 하는 상황은 꾀 자주 있습니다. 예를 들어 이미 입력되있는 필드는 못고치게 막는다거나 하는 상황들을 들 수 있죠. 회원정보 수정페이지에서 아이디는 보이긴 보이지만 수정은 할 수 없게 비활성화 되있는 상황 처럼요. 이 외에도 수정페이지에는 한개 쯤은 필요하신 곳이 있으시리라 생각이 드네요~ 입력 필드의 입력을 비활성화 시키는 간단한 방법은 2가지가 있습니다. input 태그의 속성인 disabled, 그리고 readonly가 있습니다. //disabled는 비활성화와 함께 form으로 전송하여도 절대 전송 되지 않습니다. 이 input 에는 val 이라는 name이 있지만, 데이터로 보지 않기 때문에 action 페이지에 전달되지 않습니다. 회원정보 수정 프로..
태그를 쓰면 입력한 그대로 보이기 때문에 한줄로 쭉~~~ 적은 글의 경우 가로스크롤이 생기기 마련입니다. 그렇다고 오버플로우 쓰자니 가려지기만하고, 제대로 해결 되지 않습니다. 하지만 이 속성 하나면 됩니다. pre { white-space: pre-wrap; } 그럼 모두 즐코딩 되세요!!
* { margin: 0 auto; padding: 0; } a { text-decoration: none; } CSS 초기화 코드로 검색하면 이것저것 많이 나오는데요~ 제가 생각했을 땐 위의 코드면 충분하다고 생각해요~ 오히려 많은 초기화 코드를 작성할시 좀 규모 있는 퍼블리싱 할 때 방해가 되는 경우도 있습니다. 부트스트랩이나 뭐 다른 라이브러리 쓰실 때 자신은 padding 같은것을 준적도 없는데 막 패딩이 있고, 제가 설정한 스타일이 적용이 안되고, 디버깅 해보면 부트스트랩의 초기화 코드에 덮힌다던지 (물론 이 경우는 CSS 호출 순서나 !implement; 로 해결이 가능하긴 합니다.) 등의 문제.. 제 생각엔 그냥 필요성이 느껴질 때 떠오른 것을 하나씩 추가하는게 제일 이상적 인것 같아요. 그..