CSS2 input type='text'보단 .. textarea 특화프로젝트를 진행하며, 피드에 게시물을 올리는 css를 구성하던중, 게시물의 내용을 작성하는 칸이 필요했다. 기억 나는건 input type='text' 뿐이라 적용하였지만, input type="text"는 w3c 표준에 "한줄 문자 편집"이라고 되어있어, 모든 브라우저가 이 규정을 따라야 한다고 나와있다. 이에 구글링을 한 결과 를 이용하면 cols값과 row값을 조정하여, 자동으로 줄 바꿈이 되고, text칸이 늘어나는걸 확인 할 수 있다는걸 알았다. 내용을 작성하는 란이 커졌고, ux적으로 훨씬 편하게 만들어 진다! 2022. 9. 28. <div> 밖으로 튀어나올때 처리하는법 하나의 div로 묶었지만, 안에 다른 요소들이 튀어나오는 경우들이있다. 예를 들어 이런식으로... 위 문제를 해결하기 위해 css 구글링을 하던 도중 해결을 위한 코드를 습득함! div.ex1 { // 스크롤이 만들어짐 (상하좌우 컨트롤 가능한 스크롤) overflow: scroll; } div.ex2 { // div 사이즈가 넘어가는 텍스트들은 안보임 overflow: hidden; } div.ex3 { // div사이즈에 맞춰 스크롤이 자동생성됨(상하 컨트롤 가능한 스크롤) overflow: auto; } div.ex4 { //clip으로 사용자의 가시범위를 지정해줌 overflow: clip; } div.ex5 { //default값, overflow되어도 div내 요소는 끝까지 보여줌 overfl.. 2022. 8. 14. 이전 1 다음
