css - 如何根据换行符对齐标签？

Question

我正在创建一个左侧有图标的标签，效果很好:

<g:FlowPanel>
  <g:Image ... />
  <g:InlineLabel styleName="{style.label}" />
</g:FlowPanel>

现在我想限制 FlowPanel 的宽度，这样标签会自动换行长文本。但是然后损坏的文本将从图标下方开始。我想要的是在文本开始时向左填充，如图标宽度。

例如，如果“x”是图标:

x my long
text

x my long
  text

我正在寻找第二种风格。我怎样才能做到这一点？

Answer 1

1. 将 float:left 赋给 img
2. 使用 (-) 减去左边距将图像图标向左移动
3. 为“FlowPanel”提供左填充。