Javascript 避免在单击链接时插入换行符_Javascript_Html_Css

Javascript 避免在单击链接时插入换行符

javascript html css

Javascript 避免在单击链接时插入换行符,javascript,html,css,Javascript,Html,Css,这是我在UI中拥有的- View by Team <dropdown list> (OR) Click on image to navigate 如何防止出现额外的断线？尝试在这样的另一个跨度中返回原点 <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-2.1.0.js"></script>

这是我在UI中拥有的-

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

如何防止出现额外的断线？

尝试在这样的另一个跨度中返回原点

    <!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>


$（函数（）{
document.getElementById（'text'）.style.display='none'；
});
（或）单击图像进行导航
家

这里是小提琴

尝试将这个简单的css添加到您的div中

#teamList{
white-space: normal;
}

Home在另一个div中。我指的是div class“teamList”中的span class“text”，好的，我已经更新了fiddle，请检查它。试着将两个分区都包含在另一个普通的外部分区中，使内部分区向左浮动，并给主分区留有边距，这样它就不会粘在下拉框上。这是小提琴。你检查过你的div的宽度了吗？如果它足够大，可以放置下拉框和图像？

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>

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

    <!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>

#teamList{
white-space: normal;
}