Html 如何在引导navbar中相应地格式化单行表

我想在导航栏中加入一个新闻标签。为此，我格式化了一个单行表。我制作了一个表格，因为我想把新闻标题和新闻条目分开，这样我就可以把它们放在一个标签里，像电视上的新闻标题一样从右向左滚动

基本设置如下所示：

<nav class="navbar navbar-default">
   <div class="container-fluid">
      <ul class="nav navbar-nav">
         <li></li>
      </ul>
      <ul class="nav navbar-nav">
         <li></li>
      </ul>
      <ul class="nav navbar-nav pull-right">
         <li>
            <table width="100%" border="0">
               <tr>
                  <td> <font color="red">NEWS</font></TD>
                  <td>
                     <marquee>Active now: 13 +++ </marquee>
                  </td>
               </tr>
            </table>
         </li>
      </ul>
   </div>
</nav>

新闻
现在激活：13++

我制作了一个用于可视化的JSFIDLE：

---

我现在的问题如下：如何对newsticker进行相应的格式化，使其与单个nav菜单行中的其他nav菜单项保持平衡？我的newsticker有点太长了，所以它被放在导航菜单项下。然而，我希望它自动缩小时，屏幕不够大，以适应新闻和导航项目

这不是对你问题的直接回答，但我想如果你不局限于菜单中的字幕，它会给你一些其他的思考。由于旧的字幕标签的性质，我不确定你是否能让它以你喜欢的方式工作。此外，在768px-992px系列中，您的屏幕空间将非常有限。然而，这里有一些聪明的人，所以有人可能会为你找到一条路

如果您不反对其他外观/解决方案，下面是我的建议

我指的也是

为此，您只需做一些简单的更改：

• 将

  享受css

  div移到标题之外
• 将

  享受css

  div上的边距设置为0（至少对于顶部边距）
• 将

  navbar的页边距底部也设为默认值

  0，这样新闻代码就可以与之对齐

编辑/注释

我还想指出，

标记不是特别好用。它缺乏浏览器支持，不是标准的HTML标记

此功能已过时。虽然它在某些情况下仍然有效 在浏览器中，不鼓励使用它，因为它可以随时删除 时间尽量避免使用它

或者，您可以使用CSS3或javascript/jQuery插件

CSS3示例-

---

jQuery插件-

看起来很棒！！我刚刚实现了它，对结果非常满意，非常感谢您的建议和信息！：）@沙丁鱼没问题，很乐意帮忙！