アコーディオンタブのタイトルを反応的にするにはどうすればいいですか？

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; 
}