가로 목록용 반응형 구분 기호
질문:
줄에서 구분 기호를 어떻게 제거할 수 있나요? 뷰포트 변경으로 인한 중단 크기?
예:
| 항목 1 | 항목 2 | 항목 3 | 항목 4 | 항목 5 |
|---|---|---|---|---|
뷰포트가 좁아지는 경우:
| Item 1 | Item 2 | Item 3 |
|---|---|---|
| Item 4 | Item 5 |
줄 바꿈에 구분 기호가 남아 있다는 점에 유의하세요.
가능 해결 방법:
CSS 전용:
후행 공백 축소를 활용할 수 있습니다.
b {
background: red;
outline: 1px solid blue;
}
div {
resize: both;
overflow: hidden;
}<div>
word<b> </b>.repeat(42)
</div>위 내용은 줄 바꿈 시 사라지는 가로 목록에 대한 반응 구분 기호를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
