【问题标题】:How to align links如何对齐链接
【发布时间】:2014-07-27 18:49:39
【问题描述】:

我想要完成的示例:http://www.headfirstlabs.com/books/hfwd/ch09/#

如您所见,他们将“RPM 音乐”放在左侧,将链接放在右侧 而且它们都完美对齐,但是每次我尝试做同样的事情时,我的链接总是会结束 在右下角或做一些奇怪的事情。他们也在使用 Blueprint.css,我不想使用这些,有人可以给我一些提示。

【问题讨论】:

  • 至少显示您的标记,以及您尝试过什么 css?
  • 请创建一个 jsfiddle
  • 为了让我们帮助你,你应该添加一些你已经尝试过的东西,同时使用JSfiddle向我们提供你已经拥有的东西。
  • jsfiddle.net/ZXRh7 如您所见,我一直得到相同的结果,右下角的链接和左上角的徽标。我希望我的链接与我的标志对齐。请帮助一个菜鸟。

标签: html css


【解决方案1】:

所以不优雅的方式是这样的:

div.wrapper {
 float: left;
 some styles
}

div.linkWrap {
float: left;
some other styles
}


<div class="wrapper">
    <div class="image">img</div>
    <div class ="linkWrap">
        <div class="link"><a href="">some link</a></div>
        <div class="linkBody">some text</div>
    </div>
</div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-11-10
    • 2015-06-16
    • 2021-11-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-06
    • 2015-01-30
    相关资源
    最近更新 更多