ul li 목록 텍스트가 두 번째 줄로 이동
t97
html5 및 css3를 사용하여 웹 사이트를 구축하려고하는데 메뉴 링크에 문제가 있습니다.
기본적으로 메뉴 모음의 경우 "a"가있는 목록을 사용하고 있습니다. 그러나 여백이나 패딩을 추가하면 아래에서 볼 수 있듯이 텍스트의 일부가 다른 줄로 이동합니다.
다음은 html 코드입니다.
<section id="accessibility">
<ul class="inline-content">
<li><a href="#">Contact Us</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Login</a></li>
</ul>
</section>
그리고 여기에 CSS 코드 :
#accessibility{
margin-right: 2%;
}
#accessibility ul li{
min-width: 4rem;
padding-left: 2%;
}
#accessibility ul li:first-child{
}
#accessibility ul li a{
text-decoration: none;
color: green;
font-size: 1.2rem;
}
어떻게 고치나요?
아담 H
"중단 공백 없음"유니 코드를 사용하십시오.
<a href="www.stackoverflow.com">Contact us</a>
이것은 같은 줄에 단어를 유지합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
": before"로 만든 글 머리 기호가있는 Ul li-텍스트의 두 번째 줄을 들여 쓰는 방법
- 2
DIV의 긴 UL 목록, LI 요소로 자동 스크롤
- 3
내 첫 번째 숨겨진 UL이 디스플레이로 설정 됨 : 없음; 두 번째 UL에 영향
- 4
Python / BeautifulSoup-두 제목 사이에서 <UL> <LI> 목록 추출
- 5
셀레늄-ul li 값 텍스트로 목록에서 항목 선택
- 6
두 번째 마지막 줄로 이동
- 7
텍스트를 포함하는 div를 두 번째 줄로 이동하기 전에 부모 너비까지 채우도록합니다.
- 8
목록 목록을 첫 번째 요소가 인덱스이고 두 번째 요소가 열 이름 인 데이터 프레임으로 변환하는 방법
- 9
첫 번째 필드에 정렬 된 목록, 첫 번째 필드가 동일한 줄에서 두 번째 필드를 어떻게 결합 할 수 있습니까?
- 10
첫 번째 편집 텍스트에서 두 번째 편집 텍스트로 이동, 입력 마스크가 작동하지 않음
- 11
색인으로 두 번째 목록을 기반으로 목록 요소 업데이트
- 12
두 번째 목록에서 첫 번째로 나타나는 목록 요소를 찾는 Bash 스크립트
- 13
부트 스트랩 플로팅이 항목을 두 번째 줄에 떨어 뜨림
- 14
제목이 두 번째 줄로 내려갑니다.
- 15
NSAttributedString이 동의하지 않지만 두 번째 텍스트 블록이 첫 번째 텍스트 블록보다 훨씬 높은 줄 높이를 갖는 이유는 무엇입니까?
- 16
다른 li이 설정했을 때 인라인 블록으로 설정된 ul의 첫 번째 li 요소에서 여백을 제거하는 방법
- 17
두 번째 목록을 기반으로 목록에서 필드 가져 오기
- 18
두 번째 LI에서 이미지 높이 가져 오기
- 19
텍스트가 contenteditable div의 두 번째 줄로 전달되지 않습니다.
- 20
두 번째 파일의 전체 텍스트로 줄 바꾸기
- 21
두 번째 줄에서 텍스트가 분할되지 않음
- 22
줄당 들여 쓴 텍스트 블록 세 개 중 두 번째가 정렬되지 않음
- 23
두 번째 고정 너비와 첫 번째 채우기 너비가있는 2 개 항목의 가로 목록
- 24
하위 목록 파이썬에서 두 번째 요소의 길이로 목록 순서 목록
- 25
ul li 글 머리 기호 이미지는 목록 링크 위로 마우스를 가져갈 때 작동하지 않습니다.
- 26
한 목록 상자에서 다른 목록 상자로 항목을 이동할 때 두 번째 목록 상자로 이동하는 문자열에 어떻게 추가합니까?
- 27
Gridview 내에서 동적으로 생성 된 드롭 다운 목록이 두 번째로 이벤트를 발생시키지 않습니다.
- 28
파일 이름 목록을 가져 와서 동일한 첫 번째 열의 두 번째 및 세 번째 열을 추가하면서 csv 파일과 비교
- 29
ul 요소에서 첫 번째 li 왼쪽과 두 번째 li 중심을 정렬하는 방법
몇 마디 만하겠습니다