Question

我试图整理一些html和css来实现这样的目标：

我有左右文本块。当有空间时，我希望左侧文本左对齐，右侧文本右对齐。当没有空间时，我希望左边居中。像这样：

-----------------------------------------------------
Left block of text         Block of text on the right

-----------------------------
     Left block of text
 Block of text on the right

Catch：这是一封电子邮件，我想让它在GMail中工作，据我所知，这并不能给我任何使用媒体查询的方法。

我试过

<div style="float: left; text-align: center">Left block of text</div>
<div style="float: right; text-align: center">Block of text on the right</div>

适用于＆＃34;广泛的＃34;案例，但在一个狭窄的窗口我得到了

Left block of text
    Block of text on the right

定心并没有生效。我试着以我能想到的方式设置宽度和最大宽度，而我却无法想出一些有用的东西。

有用的想法吗？

Answer 1

js.fiddle

#right{
    text-align: right !important;
}

div{
    border: 1px solid #000;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    width: 49%;
}

这有点像你想要的吗？

当没有房间时，两列是平行的，并且在没有房间时彼此居中

1 个答案: