避免線路斷線

這是我在UI-避免線路斷線

View by Team <dropdown list> (OR) Click on image to navigate

當從下拉列表中選擇一個特定的團隊，UI被顯示成這樣 -

View by Team <dropdown list> 
Home

當我點擊主頁，我希望UI是 -

View by Team <dropdown list> (OR) Click on image to navigate

但我得到UI爲 -

View by Team <dropdown list> 
(OR) Click on image to navigate

在源代碼中，我有 -

<div id="teamList"><select><options></select> 
    <span id="text">(OR) Click on image to navigate</span> 
</div>

在球隊從下拉菜單中選擇JavaScript函數，我指定了 -

document.getElementById('text').style.display='none';

如何防止額外的出現線突破？

來源

2014-02-05 user3164272

先給家中另一跨度這樣

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="http://code.jquery.com/jquery-2.1.0.js"></script> 
     <script type="text/javascript"> 
     $(function(){ 
      document.getElementById('text').style.display='none'; 
     }); 
     </script> 
    </head> 
    <body> 
     <div id="teamList"><select><options></select> 
     <span id="text">(OR) Click on image to navigate</span> 
     <span>Home</span> 
     </div> 
    </body> 
    </html>

這裏是小提琴http://jsfiddle.net/BnFpJ/

來源

2014-02-05 07:40:42 Karthikeyan

家是另一個DIV。我只是指的跨班級「文本」內div類「teamList」 – user3164272

oki我已經更新小提琴檢查它。嘗試在另一個常見的外部分區中包括這個分區，並使內部分區向左漂移，並給主分區留出邊界，以便它不會堅持下拉。這裏是小提琴http://jsfiddle.net/BnFpJ/1/ – Karthikeyan

試試這個簡單的CSS添加到您的div

#teamList{ 
white-space: normal; 
}

來源

2014-02-05 09:43:38 xawi

我試過了。它不工作。 – user3164272

你是否檢查過你的div的寬度，如果它足夠大的下拉和圖像？ – xawi

避免線路斷線

回答

相關問題