WEB/CSS

[CSS][Bootstrap] Spinner 화면 중앙 위치하도록 설정하는 방법 Bootstrap4 - spinners spinner, 즉 loading 표시를 화면 가운데(중앙)에 위치하도록 하기 위에서는 아래와 같이 css에 추가해주면 된다. .spinner { display: block; position: fixed; z-index: 1031; top: calc( 50% - ( ...px / 2) ); /* where ... is the element's height */ right: calc( 50% - ( ...px / 2) ); /* where ... is the element's width */ } top과 right의 ... 은 각자 자신에게 맞는 요소 크기를 입력해 주면 된..

[CSS] 테이블 자동 줄바꿈하는 방법 테이블 자동 줄바꿈 하려면 태그에 "table-layout: fixed" 속성을 추가해서 테이블 크기를 고정시킨 후 줄바꿈을 하려는 태그 , , 등에 "word-wrap: break-word;" 속성을 추가하면 된다. table { table-layout: fixed; } td { word-wrap: break-word; } ※ word-wrap 속성 종류 normal : 일반 줄바꿈 지점에서만 줄을 바꿈 ( default ) break-word : 줄을 바꿀 만한 지점이 없을 경우 임의의 지점에서 줄을 바꿈. [참고] https://www.w3schools.com/cssref/css3_pr_word-wrap.asp

아래와 같이 더블 클릭 후 파란색 선택되는 기능을 막는 방법 span.no_selection { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [출처] stackoverflow