如何调整符合换行符的标签？

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. 给浮动：留给img
2. 使用（ - ）减去左边距
将图像图标移到左侧
3. 为“FlowPanel”提供左填充。

Answer 2

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

Answer 3

我将左边框填充到面板容器中并将图像置于绝对位置。