【发布时间】：2013-10-07 22:14:18
【问题描述】：
我正在使用 Phonegap/Cordova 和 Web 标准（例如 HTML 和 CSS）构建应用程序。但是，在创建这个的某个地方，我的技能还不够。
好的，让我们直截了当：我正在尝试在屏幕顶部创建一个导航栏。非常基本，即使没有按钮，也只是带有链接的纯文本。
查看此屏幕截图。正如您可能看到或没有看到的那样.. 中间的并不完全放在中间。我已经尝试过 div 样式、span 类和表格似乎是最好的选择。但仍然不够。
创建此类标头的最佳选择是什么？
附言不，当然表格中不会有边框：D - 仅供查看。 ^^
【问题讨论】：
-
我个人不会用桌子来做这件事。你在说this之类的东西吗？
-
视觉上，是的，这正是我想要实现的！但是，您可以将蓝色矩形的高度更改为 10%，而不是基于像素吗？因为我正在尝试创建一个没有多个样式表的页面，但仍支持所有 android 手机屏幕；因此使用 % 而不是 px。我自己试过了，但矩形消失了。我现在有了一个想法。尝试 ;) 编辑：我可以将每个块的高度更改为百分比，但是文本垂直对齐到中间，行高设置为百分比不起作用（还）。解决方案？ :D
-
如果您尝试支持多种屏幕尺寸，那么您可能需要考虑使用响应式框架，例如 Bootstrap 或 Foundation。这将是最简单的方法。
-
你可以使用 jquery-mobile 框架。在网站主页中，您可以通过在此问题中随意拖放来生成示例 UI。 jquerymobile.com