如何对齐 dijitTextbox 中的文本？

Question

我需要将键入的文本垂直居中对齐并留有左侧边距（以及占位符文本）

见下图：

这是我的一段 xPage 代码：

<xe:djTextBox id="djTextBoxSearch"
    style="width:100%;height:60px;">
    <xe:this.dojoAttributes>
        <xp:dojoAttribute name="placeholder" value="Please enter a name to search...">
        </xp:dojoAttribute>
    </xe:this.dojoAttributes>
</xe:djTextBox>

Answer 1

默认情况下垂直对齐是居中的。您可以编辑 margin-left/right。如果您还想编辑垂直位置，可以使用注释代码。

input[type='text']{
  height : 100px;
  width : 200px;
  padding : 0 0 0 30px; 
  /* padding : 20px 0 0 0; //to change the vertical positon */
  text-align : left;
 }

<input type="text" placeholder="Enter text">

如何对齐 dijitTextbox 中的文本？

How to align text within dijitTextbox?

css

dojo

xpages

dijit.form