CSS

Question

我正在使用以下 CSS 对齐 GWT 文本框顶部的文本并将其换行：

.gwt-Label-Wrapped {
    font-style: normal;
    font-family: Arial;
    vertical-align: top; 
    text-align: left;
    word-wrap: normal;
}

而 TextBox 是：

final TextBox textBoxCSVymValues = new TextBox();
        textBoxCSVymValues.setWidth("600px");
        textBoxCSVymValues.setHeight("200px");
        textBoxCSVymValues.setStyleName("gwt-Label-Wrapped");
        verticalPanel.add(textBoxCSVymValues);
        verticalPanel.setCellHorizontalAlignment(textBoxCSVymValues, HasHorizontalAlignment.ALIGN_LEFT);
        verticalPanel.setCellVerticalAlignment(textBoxCSVymValues, HasVerticalAlignment.ALIGN_TOP);

但是，我传递给 textBoxCSVymValues 的文本是垂直居中的，没有换行。我可以更改什么来使这项工作正常进行？

Answer 1

vertical-align 属性不会影响文本。它通常用于图像。

根据您的代码，您似乎应该使用 TextArea，而不是文本框。

CSS - 文本：未对齐顶部或换行

CSS - Text : not aligning to the top or wrap

gwt