jquery - アコーディオンタブのタイトルをレスポンシブにする方法は?

Question

タイトルは長い文字列になることもありますが、全体を表示する必要があります。

<p:accordionPanel cache="false" value="#{tasksBean.getTasks()}"
                  var="task" activeIndex="null">
    <p:tab>
        <f:facet name="title">
             <h:outputText  value="loremIpsumloremIpsumlorem
                                   IpsumloremIpsumloremIpsum
                                   loremIpsumloremIpsumlorem
                                   IpsumloremIpsumloremIpsuml"/>
        </f:facet>
    </p:tab>
</p:accordionPanel>

Answer 1

試してみませんか

.ui-accordion-header.ui-helper-reset.ui-state-default {
    white-space: nowrap;
    display: inline-block;
}