V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Tumblr
V2EX  ›  V2EX

选择 Menlo 字体导致节点布局异常

  •  
  •   Tumblr · 2018-09-14 22:57:34 +08:00 · 2477 次点击
    这是一个创建于 2267 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先上两个图:

    • 用的是Helvetica字体:
      Layout with Helvetica

    • 用的是Menlo字体:
      Layout with Menlo

    由上面的截图可以看出:
    如果使用的是 Menlo 字体,二级菜单的节点布局会出现异常,感觉应该是空格导致的,这里是否可以用表格做布局呢?

    P.S. 节点信息的 HTML 代码:

    <div class="cell" id="SecondaryTabs">
      <div class="fr">
        <a href="/new/qna">我要提问</a>
        &nbsp; 
        <li class="fa fa-caret-right gray"></li>
      </div>
      <a href="/go/share">分享发现</a> 
      &nbsp; &nbsp; 
      <a href="/go/create">分享创造</a> 
      &nbsp; &nbsp; 
      <a href="/go/qna">问与答</a> 
      &nbsp; &nbsp; 
      <a href="/go/jobs">酷工作</a> 
      &nbsp; &nbsp; 
      <a href="/go/programmer">程序员</a> 
      &nbsp; &nbsp; 
      <a href="/go/career">职场话题</a> 
      &nbsp; &nbsp; 
      <a href="/go/ideas">奇思妙想</a> 
      &nbsp; &nbsp; 
      <a href="/go/deals">优惠信息</a>
    </div>
    
    第 1 条附言  ·  2018-09-15 00:20:55 +08:00

    如果用表格排版:

    这个是示例代码:

    <div class="cell" id="SecondaryTabs">
        <div class="fr">
            <table><tr>
            <td><a href="/new/qna">我要提问</a>&nbsp; 
            <li class="fa fa-caret-right gray"></li></td>
            </tr>
            </table>
        </div>
        <table width="88%">
            <tr>
        <td><a href="/go/share">分享发现</a></td> 
        <td><a href="/go/create">分享创造</a></td> 
        <td><a href="/go/qna">问与答</a></td> 
        <td><a href="/go/jobs">酷工作</a></td> 
        <td><a href="/go/programmer">程序员</a></td> 
        <td><a href="/go/career">职场话题</a></td> 
        <td><a href="/go/ideas">奇思妙想</a></td> 
        <td><a href="/go/deals">优惠信息</a></td>
        </tr>
        </table>
    </div>
    

    另外,Footer的排版也存在此问题:

    Tumblr
        1
    Tumblr  
    OP
       2018-09-15 00:16:35 +08:00
    Tumblr
        2
    Tumblr  
    OP
       2018-09-15 00:18:27 +08:00
    补 #1 的图片:
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2549 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 16:01 · PVG 00:01 · LAX 08:01 · JFK 11:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.