內聯CSS不工作添加小工具

我似乎無法弄清楚爲什麼我添加的小工具不會內聯顯示。我希望我的驗證小工具能夠在標籤後面內聯顯示。但不管我做什麼都行。爲什麼？內聯CSS不工作添加小工具

<ui:UiBinder 
xmlns:ui="urn:ui:com.google.gwt.uibinder" 
    xmlns:validation='urn:import:com.versature.vsm.client.ui.validation'> 

<ui:style> 
.validationField { 
    display:inline-block; 
} 
</ui:style> 

<g:HTMLPanel ui:field="mainPanel"> 
    <div class="{style.validationField}"> 
     <g:Label text="ACCOUNT NUM:"/> 
     <validation:ValidationField ui:field="accountNumberValidation"/> 
    </div> 
</g:HTMLPanel>

來源

2012-08-15 David Ward

我想我的驗證控件的標籤後內嵌顯示。但是不管我做什麼都不會。爲什麼？

您正在使容器持有它們都inline。爲了使各個元素的內聯，你既可以（一定要只適用於以下解決方案之一;同時應用將無法正常工作）：

（1）設置孩子您validationField CSS類內嵌顯示的通過改變你的風格：

<ui:style> 
.validationField * { 
    display:inline-block; 
} 
</ui:style>

（2）應用validationField CSS類到你的ValidationField GWT部件只，通過改變你UiBinder的XML到：

<g:HTMLPanel ui:field="mainPanel"> 
    <g:Label text="ACCOUNT NUM:"/> 
    <validation:ValidationField ui:field="accountNumberValidation" stylePrimaryName="{style.validationField}"/> 
</g:HTMLPanel>

來源

2012-08-15 17:39:14

感謝您的信息，但即使使內聯元素使我處於相同的狀況。上面的代碼在下一行仍然有驗證字段。 – 2012-08-15 18:10:14

將<g:Label>替換爲<g:InlineLabel>。

標籤使用<div>，默認顯示爲塊，而InlineLabel使用<span>。

來源

2012-08-15 19:17:11

內聯CSS不工作添加小工具

回答

相關問題