代码之家  ›  专栏  ›  技术社区  ›  Ethan Turkeltaub

以问题为中心

css
  •  0
  • Ethan Turkeltaub  · 技术社区  · 16 年前

    我正试着把一长行文字居中。不是所有人都在同一条线上,而是在两条线上分开。

    以下是HTML:

    <div id="head">
        <h1>Hello</h1>
        <p><a href="#">Last.fm</a> / <a href="#">Twitter</a> / <a href="#">Dribbble</a> / <a href="#">GitHub</a></p>
    </div>
    

    以及CSS:

    #head{
     border-bottom: 1px solid #ccc;
     margin: 0 auto;
     width: 760px;
     text-align: center;
    }
    
    #head p{
     line-height: 1em;
     margin: 0;
    }
    

    我得到这个结果:

    alt text

    我觉得自己很笨。也许有一个简单的答案,但我不能把我的头围绕它。帮忙?

    3 回复  |  直到 7 年前
        1
  •  1
  •   Ethan Turkeltaub    16 年前

    发现了问题。我加了一个 </p> . 啊!

    谢谢大家抽出时间。

        2
  •  0
  •   Matt Mitchell    16 年前

    你不会关闭你的 <p> 标签

    您确定没有其他CSS影响相关元素吗?(例如,登记FireBug)。

    尝试放置 !important 在你的 #head 宽度以查看是否可以纠正问题。如果是这样,那么您就有一个级联问题需要解决。

        3
  •  0
  •   Jason McCreary    16 年前

    当 p 标记不够大,无法在一行中包含所有文本。看来你应该有足够的 width 根据你的风格,但是如果没有看到页面,就很难知道。

    你可以加上 white-space: no-wrap; 给你的 #head p 样式或插入 &nbsp; 在你的联系之间。

    如果你可以的话,贴一个链接,因为它看起来你应该有什么工作。