避免线路断线

这是我在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

避免线路断线

回答

相关问题