html右侧文字左对齐,CSS-右对齐和左对齐文本在同一HTML选项卡中

CSS-右对齐和左对齐文本在同一HTML选项卡中

我在HTML

Brian asked 2020-02-04T17:20:20Z

8个解决方案

84 votes

如果您希望它们分开显示，请执行Balon所说的。 如果您希望它们在同一行上，请执行以下操作：

this is left

this is right

Tor Valamo answered 2020-02-04T17:20:36Z

11 votes

我在尝试弄清楚如何在表格单元格中显示货币(左侧为'$'，右侧为数字)时想到了这一点：

20.34

.currency {

text-align: right;

}

.currency:before {

content: "$";

float: left;

padding-right: 4px;

}

Iain answered 2020-02-04T17:20:57Z

9 votes

这是可能的，但是如何取决于您要完成的工作。 如果是这样的话：

| 左对齐右对齐| 在一个单元格中，您可以在td标签内使用浮动div：

Left-aligned

Right-aligned

如果它是| 左对齐

右对齐|

那么Balon的解决方案是正确的。

如果它是：| 左对齐| 右对齐|

然后是：

Left-alignedRight-Aligned

James Thomas answered 2020-02-04T17:21:43Z

3 votes

你是这个意思吗

this text should be left justified

and this text should be right justified?

如是

this text should be left justified

and this text should be right justified?

kjagiello answered 2020-02-04T17:22:07Z

3 votes

Tor Valamo的回答对我有一点贡献：在“ td”元素中使用属性“ nowrap”，您可以删除“ width”规范。 希望能帮助到你。

this is left

this is right

Sergiu answered 2020-02-04T17:22:28Z

2 votes

td样式不是必需的，但是它将使在浏览器中更容易看到此示例

left right

LukeP answered 2020-02-04T17:22:48Z

0 votes

当然可以，但是您需要将这些“块”包装在单独的标签中，并将对齐方式应用于这些标签。

prodigitalson answered 2020-02-04T17:23:08Z

0 votes

您可以使用类似：

this is left

this is right

将为渲染器留出一些空间来包装内容。

您可以使用

或

Paulo Santos answered 2020-02-04T17:23:38Z