728x90
반응형
질문 : CSS를 사용하여 목록 항목에서 줄 바꿈을 방지하는 방법
li 태그를 사용하여 메뉴에 이력서 제출 이라는 링크를 넣으려고합니다. 두 단어 사이의 공백 때문에 두 줄로 줄 바꿈됩니다. CSS로이 래핑을 방지하는 방법은 무엇입니까?
답변
공백 사용 white-space: nowrap; [1] [2] li 의 너비를 더 큰 값으로 설정하여 링크에 더 많은 공간을 제공합니다.
[1] § 3. 공백과 줄 바꿈 : 공백 속성-W3 CSS 텍스트 모듈 레벨 3
[2] 공백-CSS : Cascading Style Sheets | MDN
출처 : https://stackoverflow.com/questions/1383143/how-to-prevent-line-breaks-in-list-items-using-css
728x90
반응형
'프로그래밍 언어 > HTML,CSS,JS' 카테고리의 다른 글
| div가 나머지 화면 공간의 높이를 채우도록 하는 방법 (0) | 2021.07.13 |
|---|---|
| JavaScript를 사용하여 배열에서 객체 제거 (0) | 2021.07.13 |
| CSS를 사용하는 테이블 행 색상 변경 (0) | 2021.07.13 |
| CSS를 사용하는 모든 브라우저에 대해 "div"요소를 세로 중앙에 배치하는 방법 (0) | 2021.07.13 |
| 'div'컨테이너에 맞게 이미지 크기를 자동으로 조정하는 방법 (0) | 2021.07.13 |