본문 바로가기
728x90
반응형

Study/Jsp2

CSS / 체크박스(checkbox)와 라벨(label) 높이 조정하기 체크박스와 라벨 체크박스(checkbox)와 라벨(label)을 나란히 놓았을 때, 높이가 잘 맞지 않는 경우가 발생합니다. 높이를 조정하는 방법은 여러 가지가 있는데, 그 중 하나는 position 속성을 이용하는 것입니다. position 속성의 값을 relative로 정한 후 top 속성의 값을 적절히 정하면 됩니다. checkbox를 옮길 수도 있고 label을 옮길 수도 있습니다. 예제 다음은 높이를 조정하는 간단한 예제입니다. 첫 번째 체크박스와 라벨은 아무런 조정을 하지 않은 것입니다. 체크박스가 라벨보다 조금 위에 있습니다. 두 번째 체크박스와 라벨은 체크박스를 1.5px 밑으로 내려서 높이를 맞추었습니다. 세 번째 체크박스와 라벨은 라벨을 1.5px 위로 올려서 높이를 맞추었습니다. LO.. 2022. 12. 9.
[jsp] img 태그 에러처리 방법 ※ 대체 이미지 보여주기 이미지가 링크가 없어졌을때 “이미지가 없습니다” 라는 대체 이미지를 보여주고 싶다면, onerror 에서 src 속성을 대체 url로 바꿔주도록 하면 됩니다. 아래는 네이버 로고로 대체하도록 되어있습니다. ※ 숨기기 대체 이미지를 보여주는것이 적당하지 않다고 생각될때는 그냥 숨길수도 있습니다. 이미지가 깨진 상태로 보이는것보다 훨신 깔끔하겠죠. 이미지를 숨기는것이 아니라 DOM 자체를 삭제할수도 있습니다. IE에서는 removeNode() 함수를 사용해야 합니다. 출처: https://sub0709.tistory.com/126 [쓸데없는 코딩하기] 2021. 3. 17.
728x90
반응형