CSS：我的名單落到下一當我調整我的瀏覽器線寬

我有這樣的代碼CSS：我的名單落到下一當我調整我的瀏覽器線寬

<div class="mymenu"> 
    <div class="menu"> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
     <a href="#">home</a> 
    </div> 
</div>

這CSS代碼

.mymenu { 
    widht:100%; 
    background: url(../images/mbg.png); 
    height:40px; 
    border-bottom: #21b8ff solid 4px; 
    margin:0px 0px 0px 0px; 
} 

.mymenu.menu { 
    padding-top:5px; 
    padding-right: 60px; 
} 

.mymenu.menu a{ 
    margin-top:3px; 
    float:right; 
    text-decoration: none; 
    font-family: SC_DUBAI; 
    font-size: 20px; 
    color: #fff; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin:0px 0px 0px 0px; 
    border-right: #4c4c4c solid 1px; 
    border-left: #818181 solid 1px; 
} 

.mymenu .menu a:hover{ 
    color:#636363; 
    background: #21b8ff; 
    margin:0px 0px 0px 0px; 
}

，但是當我調整我的瀏覽器我的菜單秋天下來，我怎麼可以保持每一個標籤在線，如果我調整我的瀏覽器的標籤將隱藏，而不是下一行？

來源

2013-09-21 mohamed esmael

使用CSS如下。

也檢查fiddle也。它的工作。

.mymenu { 
    widht:100%; 
    background: url(../images/mbg.png); 
    height:40px; 
    border-bottom: #21b8ff solid 4px; 
    margin:0px 0px 0px 0px; 
    overflow:hidden; 
} 

.mymenu .menu { 
    padding-top:5px; 
    padding-right: 60px; 
} 

.mymenu .menu a{ 
    margin-top:3px; 
    float:right; 
    text-decoration: none; 
    font-family: SC_DUBAI; 
    font-size: 20px; 
    color: #fff; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin:0px 0px 0px 0px; 
    border-right: #4c4c4c solid 1px; 
    border-left: #818181 solid 1px; 
    height:40px; 
} 

.mymenu .menu a:hover{ 
    color:#636363; 
    background: #21b8ff; 
    margin:0px 0px 0px 0px; 
}

如：http://jsfiddle.net/K7tmK/

來源

2013-09-21 01:29:15

只是在CSS中添加white-space: nowrap;您.mymenu。

見工作 - >jsfiddle

來源

2013-09-21 01:36:33

CSS：我的名單落到下一當我調整我的瀏覽器線寬

回答

相關問題