CSS를 사용하여 탭 크기를 변경하는 방법은 무엇입니까?

나는 내 자신의 웹 사이트를 만들고있다.CSS를 사용하여 탭 크기를 변경하는 방법은 무엇입니까?

<ul class="nav nav-justified" role="tablist"> 
    <li class="active"><a href="#contact-info" role="tab" data-toggle="tab">Contact Info</a></li> 
    <li><a href="#personal-info" role="tab" data-toggle="tab">Personal Info</a></li> 
    <li><a href="#skin" role="tab" data-toggle="tab">Skin Condition</a></li>

개인 정보와 피부 상태 텍스트의 두 행에 대한 모든 그러나 연락처 정보 하나를 형성 : 나는 코드로 설정 세 개의 탭이 있습니다. 이로 인해 연락처 정보의 버튼 크기가 달라집니다. CSS를 사용하여 모든 버튼을 같은 크기로 만들려면 어떻게해야합니까? 예를 들어 float를 사용하는 경우

출처

2014-10-01 user3026468

질문을 다시 말하고 문제와 목표에 밑줄을 긋고 가능한 경우 CSS와 jsFiddle을 추가하십시오. – henser

연락처 정보를 두 줄로 표시하려면? ... 단어 사이에
을 입력 할 수 있습니다. 연락처
정보 – Wayne

탐색 조정은 모든 버튼을 동일한 너비로 만듭니다. 좁은 컬럼에 들어가는 건가요? 이렇게 많은 요소들이 작용합니다.이 두 줄은 어디에 있습니까? 무슨 브레이크 포인트? 탭에 글꼴 크기가 더 큽니까? 단추의 높이를 변경하거나 줄 바꿈을하지 않을 수 있지만 상황에 구애받지 않아도 안전하지 않습니다. – Christina

li a{width:150px;display:block}

당신의 CSS에 따라 당신은 display:block을 필요로하지 않을 수 있습니다.

출처

2014-10-01 23:19:33

아무 것도하지 않았습니다. 연락처 정보 클래스에 ID를 부여해야한다고 가정합니다. a를 ID 이름으로 바꿉니 까? – user3026468

@ user3026468 아마도 글꼴이 더 큽니다. 'width : 400px;와 같이 더 큰 너비를 지정해보십시오. –

CSS를 사용하여 탭 크기를 변경하는 방법은 무엇입니까?

답변

관련 문제