首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用css/jsf-2的文本元素的相同距离

使用css/jsf-2的文本元素的相同距离
EN

Stack Overflow用户
提问于 2013-12-16 13:28:23
回答 1查看 72关注 0票数 0

您可以看到,电子邮件和电子邮件之间的距离等于成员自开始和日期之间的距离。

我的代码(使用jsf-2):

代码语言:javascript
运行
复制
    <h:outputText value="email" />
    <p:spacer width="50" height="10" />
    <h:outputText value="sasdrftg@rfghre.de" />
    <br></br>
    <h:outputText value="member since" />

    <p:spacer width="50" height="10" />
    <h:outputText value="#{userUtilityBean.user.registered.time}">
        <f:convertDateTime type="both" dateStyle="short" />
    </h:outputText>

我的css很简单:

代码语言:javascript
运行
复制
.form-userdata {
position: absolute;
left: 30% !important;
color: blue !important;

}

如何使电子邮件与日期的“x位置”对齐?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-16 13:37:01

对于此类信息表示,请使用h:panelGrid代替。

代码语言:javascript
运行
复制
<h:panelGrid columns="2">
    <h:outputText value="email" />
    <h:outputText value="sasdrftg@rfghre.de" />

    <h:outputText value="member since" />
    <h:outputText value="#{userUtilityBean.user.registered.time}">
        <f:convertDateTime type="both" dateStyle="short" />
    </h:outputText>
</h:panelGrid>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20612142

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档