JSF outputText déborde

Question

J'essaie d'afficher les commentaires d'état à l'intérieur d'un panneau avec le code suivant :

<p:panel>
    <ui:repeat var="Comment" value="#{Status.commentList}">
        <h:outputText value="#{Comment.Text}"/>
    </ui:repeat>
</p:panel>

Il semble que lorsque les commentaires sont si longs, le texte déborde du panneau. Je me suis renseigné et j'ai trouvé ce qui suit h:outputText génère un span et a essayé de résoudre ce problème par le biais de CSS :

<h:outputText value="#{Comment.Text}"
    style="width: 100px!important; overflow-x: scroll!important;"/> 

Donner une largeur fixe et overflow-x:scroll devrait faire l'affaire, mais il rend la portée beaucoup plus large, même si je l'ai fixée à 100px, il la rend à 400 pixels sans tenir compte de !important .

Answer 1

<h:outputText value="#{Comment.Text}"
    style="width: 100px; overflow-x: scroll; display:block;"/> 

Est-ce la bonne façon de procéder ? Le W3 dit à propos de display:block ;

Dans un contexte de formatage de blocs, les boîtes sont disposées verticalement, en commençant par le haut d'un bloc contenant. La distance verticale entre deux boîtes sœurs est déterminée par la propriété "margin de "margin". Les marges verticales entre des blocs adjacents dans un contexte de formatage de blocs formatage de l'effondrement du contexte.

Dans le cadre d'un formatage par blocs, la partie gauche de chaque boîte gauche du bloc qui le contient (pour un formatage de droite à gauche, les bords droits se touchent). se touchent). Cela est vrai même en présence de flottants (bien que la zone de contenu d'une boîte puisse se rétrécir). puisse se réduire à cause des flottants).

Cela prouve que mon texte était débordant et qu'il doit être traité comme une valeur de contexte.