Button 如何减小<；tabview>；方向为“时的按钮”；左“；，使用素数面

**wight:300px从tabview**也从-它不工作

您可能需要包含一个单独的CSS文件，并设置

.ui tabs left>.ui tabs nav

宽度。我用不同的大小测试了下面的代码，它似乎可以工作

<p:tabView orientation="left" dynamic="false" cache="false" style="font-size: 70% !important; **wight:300px**; border: none;">
    <p:tab title="mainBoard" id="mainboard" style="font-size: 70% !important; width:200px">
        <p:scrollPanel style="width:800px;height: 600px;border: none;"  mode="native">
            <ui:include src="/mainboard.xhtml" />
        </p:scrollPanel>
    </p:tab>

    <p:tab title="secBoard" id="secboard" style="font-size: 70% !important; width:200px">
        <p:scrollPanel style="width:800px;height: 600px;border: none;"  mode="native">
            <ui:include src="/secboard.xhtml" />
        </p:scrollPanel>
    </p:tab>
</p:tabView>

内容面板被强制置于选项卡下方时，您可能会遇到问题。我使用下面的代码来防止这种情况发生在我不久前创建的项目上

.ui-tabs-left > .ui-tabs-nav {
    width:300px !important;
    }

.ui-tabs-left > .ui-tabs-panels {
    height:100% !important;
    float:right !important;
    width:89% !important;
    }

.ui-tabs-left > .ui-tabs-nav {
    float:left !important;
    width:10% !important;
    height:100% !important;
    }