【问题标题】:How to align a <td> right and left如何将 <td> 左右对齐
【发布时间】:2014-12-17 07:33:06
【问题描述】:

我正在尝试将自和 1932 &lt;td&gt; 放在图片旁边。将“Since”&lt;td&gt; 右对齐和“1932”&lt;td&gt; 左对齐吗?如果是这样,我会怎么做?我似乎无法将它们放在图片旁边。 JSFiddle Here

【问题讨论】:

    标签: html html-table text-align


    【解决方案1】:

    而不是将image width 作为50%&lt;td&gt; 内 将&lt;td&gt; 宽度设为50% 和img 宽度100%

    这里是JSFIDDLE DEMO

    然后,将cssclass 添加到第一列并向右对齐文本,这样since 将向右移动到图像旁边。

    【讨论】:

    • 谢谢。 +1。你能解释一下为什么我需要这样做吗?
    • 您的 img 宽度为 50%,其边距为 0 auto;。这意味着 img 将是 td 宽度的一半,并且在中心右侧,这意味着在 td 内,图像左侧将有 25% 空白空间,右侧将有 25% 空间,所以很明显另外两个td 会离图片有点远。
    • 太棒了!谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-03
    • 1970-01-01
    • 2021-02-21
    • 1970-01-01
    • 2012-03-25
    • 2015-05-09
    相关资源
    最近更新 更多