gpt4 book ai didi

css - InputText 旁边的 Primefaces SelectOneMenu 处于不同的垂直位置

转载 作者:技术小花猫 更新时间:2023-10-29 12:01:57 24 4
gpt4 key购买 nike

当我像这样将 Primefaces SelectOneMenu 放在 Primefaces Input 旁边时,它们在浏览器中的高度不同(在 Firefox、IE 和 Chrome 中相同):

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head />
<h:body>
<p:selectOneMenu>
<f:selectItem itemLabel="Item1" />
</p:selectOneMenu>
<p:inputText value="Text" />
</h:body>
</html>

是否可以(使用 css)将这两个输入并排放置,以便它们可以显示在同一垂直位置的一行中?

(我使用 Primfaces 5.1。)

最佳答案

试试vertical-align属性(property)。

<h:body>
<p:selectOneMenu style="vertical-align:middle">
<f:selectItem itemLabel="Item1" />
</p:selectOneMenu>
<p:inputText value="Text" style="vertical-align:middle" />
</h:body>

请注意,并不是一定要middle才能让组件处于同一高度。检查为 selectOneMenuinput 生成的 html,为 vertical-align 尝试不同的值,并找到最适合您的变体。

关于css - InputText 旁边的 Primefaces SelectOneMenu 处于不同的垂直位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26634959/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com