overflow visible 정보
overflow란?
CSS 속성 중 하나로
要素のボックスからはみ出た部分をどう扱うかを指定する。visible : 초기값. 돌출된 부분이 돌출된 상태로 표시되는 경우가 있다.hidden : 튀어나온 부분이 숨어 있다.scroll : 튀어나온 부분이 숨어서 스크롤할 수 있는 상태가 된다.auto : 브라우저에 의해 표시가 바뀐다(기본적으로는 스크롤 가능한 상태로).visible
<!-- html -->
<p class="menu">あいうえおあいうえお</p>
/* css */
.menu {
width: 50px;
height: 50px; /* heightを指定しなければはみ出ない。 */
overflow: visible; /* visibleは初期値の為、書かれていなくても同じ表示になる。 */
background: rgb(242, 173, 173);
}
·
white-space: nowrap;height를 지정하지 않고,
white-space: nowrap; 를 지정하는 것으로, 옆으로 튀어나오게 된다.white-space = 行の折り返しを決めるプロパティnowrap = 自動的に改行しないnormal = 右端で折り返す<!-- html -->
<p class="menu">あいうえおあいうえお</p>
/* css */
.menu {
white-space: nowrap;
width: 50px;
overflow: visible; /* visibleは初期値の為、書かれていなくても同じ表示になる。 */
background: rgb(242, 173, 173);
}
참고원은 이쪽
( h tps://사루와카군. 코 m / HTML-c s / 바시 c / 오 ぇ rf ぉ w )
Reference
이 문제에 관하여(overflow visible 정보), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yyy752/items/5c32cb5eff3e8cbeb64e텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
