如何放置在不同的行

裏格項目我有這個小格兩個項目的股利如何放置在不同的行

<div> 
<g:Anchor styleName="anchorStyle nextLine">Administration</g:Anchor> 
<g:ListBox styleName="nextLine"> 
</g:ListBox> 
</div>

這兩個項目現在出現在一行內。我想，以顯示這兩個項目，即錨和列表框在不同的行，這是在1個格

感謝

來源

2013-08-25 junaidp

什麼是anchorStyle和nextLine？你需要發佈你的CSS。你也在使用GWT。頁面的其他部分是什麼樣的？ –

，如果你想在HTML只是做你也元素之間添加<br/>分頁符。

<div> 
    <g:Anchor styleName="anchorStyle nextLine">Administration</g:Anchor> 
    <br/> 
    <g:ListBox styleName="nextLine">Something else</g:ListBox> 
</div>

http://jsfiddle.net/GtyC2/

來源

2013-08-25 08:41:21 leigero

我不知道是什麼g:Anchor或g:ListBox是完全相同的，但你可以簡單地添加display: block; CSS聲明到.nextLine類來顯示每個元素作爲造成的元素塊級元素放置在單獨的行：

.nextLine { 
    display: block; 
}

來源

2013-08-25 08:27:22

謝謝，但我不知道爲什麼你的解決方案不適合我，這兩個項目仍然在一行。 – junaidp

@junaidp你能告訴我這些是什麼樣的元素？ HTML中沒有'styleName'屬性，但'class'。 –

Anchor是GWT中的一個鏈接.. 但是你是對的，如果我使用別的東西而不是這個錨定它工作..不知道錨點有什麼問題 – junaidp

我猜你正在使用UiBinder的。如果是這樣的代碼對我的作品：

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> 
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> 
    <ui:style> 
    .nextLine { 
     display: block; 
    } 
    </ui:style> 
    <g:HTMLPanel> 
     <div> 
      <g:Anchor styleName="anchorStyle {style.nextLine}">Administration</g:Anchor> 
      <g:ListBox styleName="{style.nextLine}"></g:ListBox> 
     </div> 
    </g:HTMLPanel> 
</ui:UiBinder>

心靈的風格宣言，這是包含在相同的XML文件來完成：的styleName =「{} style.nextLine」。

來源

2013-08-26 11:17:38 fascynacja

如何放置在不同的行

回答

相關問題