时间戳

首页 > 解决方案 > 如何在primefaces中设置旋钮的位置

java - 如何在primefaces中设置旋钮的位置

问题描述

我是 Spring Boot 和 primefaces 的新手。

我怎样才能对齐旋钮，使它们在同一行，而不是一个在另一个之下。那么如何将它们对齐在行中，而不是在列中？

<div class="card">
    <p:panel header="Statistiken" style=" border: none;">

     <!--   <div class="p-grid p-text-right">  -->
        <div class="p-grid ui-inline">
         <!--   <div class="p-grid ui-fluid">  -->
               <h5>Played games</h5>
                   <div class="knob-container ui-inline">
                       <p:knob disabled="true" value="10"/> <!-- value=#{user.playedGames} -->
                </div>

                <h5>Games Won</h5>
                <div class="knob-container ui-inline">
                    <p:knob disabled="true" value="7"  foregroundColor="red" backgroundColor="#00000"/> <!-- value=#{user.gamesWon} -->
                </div>

                <h5>Games Lost</h5>
                <div class="knob-container ui-inline">
                    <p:knob disabled="true" value="3" foregroundColor="blue" backgroundColor="#0000FF"/> <!-- value=#{user.gamesLost} -->
                </div>
        </div>
    </p:panel>
 </div>

在此处输入图像描述

标签： javajsfprimefaces

解决方案

推荐阅读