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”提供左填充。

Answer 2

添加float:left;到 InlineLabel 和 Image 的 css 应该使标签文本保持为一个块而不是环绕图标。

Answer 3

我会给面板容器左填充并将图像置于绝对定位。