Tag: 对齐

如何使JSF复合组件的网格？

我在panelGrid中有很多的outputLabel和inputText对 <h:panelGrid columns="2"> <h:outputLabel value="label1" for="inputId1"/> <h:inputText id="inputId1/> <h:outputLabel value="label2" for="inputId2"/> <h:inputText id="inputId2/> … </h:panelGrid> 我想对他们有一些行为：像每个inputText相同的验证或相同的大小。 所以我创建了一个只包含一个outputLabel和一个inputText的复合组件 <my:editField value="field1"/> <my:editField value="field2"/> 但现在，当我把它们放在gridPanel中时，它们不会根据标签文本的长度而被对齐。 我明白为什么，但我不知道如何解决。

如何使复选框及其标签一致地跨浏览器

这是困扰着我的不小的CSS问题之一。 在StackOverflow周围的人如何垂直对齐复选框和他们的标签持续跨浏览器？ 每当我在Safari中正确对齐它们（通常在输入上使用vertical-align: baseline ），它们在Firefox和IE中完全关闭。 修复它在Firefox中，Safari和IE是不可避免的搞砸了。 每次我编写一个表格，我都会浪费时间。 以下是我使用的标准代码： <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> 我通常使用Eric Meyer的重置，所以表单元素相对干净的覆盖。 期待您提供的任何提示或技巧！