부모 요소의 너비를 초과할 때의 여러 가지

2943 단어 HTMLCSS

정상시


일반적인 상황에서 아래와 같이 하위 요소의 폭이 아버지 요소를 초과한 상황에서 문자는 되돌아온다.
<body>
  <div class="box">
    <p>あああああああああああああ</p>
  </div>
</body>
.box {
  border: 1px solid red;
  height: 100px;
  width: 100px;
}

반품 금지

.box {
  border: 1px solid red;
  height: 100px;
  width: 100px;
  white-space: nowrap;
}
white-space: nowrap;, 반환 금지.

강조 문자 숨기기


.box {
  border: 1px solid red;
  height: 100px;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
}
white-space: nowrap;overflow: hidden; 조합 구현

좋은 웹페이지 즐겨찾기