2014-10-01 42 views
0

我正在建立自己的網站。我有三個選項卡中設置了代碼:如何使用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使所有按鈕的大小相同?

+2

請更改您的問題,強調您的問題和您的目標,並添加一些CSS和一個jsFiddle,如果可能的話...... – henser 2014-10-01 23:18:00

+0

如果你想要聯繫信息出現在兩行? ...你可以在單詞之間加上
。聯繫
信息 – Wayne 2014-10-01 23:35:56

+0

Nav對齊使所有按鈕具有相同的寬度。這是在一個狹窄的專欄?這麼多因素起作用,這2條線在哪裏?什麼斷點?你的標籤上有更大的字體大小嗎?按鈕的高度可以改變,或者你可以讓它們不包裹,但沒有上下文這樣做是不安全的。 – Christina 2014-10-02 05:03:08

回答

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

取決於你的CSS,如果使用float例如,你可能不需要display:block

+0

沒有做任何事情。我假設我需要給聯繫信息類一個ID。並用ID名稱替換一個? – user3026468 2014-10-01 23:23:36

+0

@ user3026468在這種情況下,您的字體可能會更大。嘗試指定更大的寬度,例如'width:400px;' – 2014-10-01 23:25:30