J'utilise la mise en page CSS multi-colonnes pour afficher le texte. La mise en page s'affiche correctement dans Firefox. Chrome, cependant, a un bug qui coupe / clips des sommets et des bas des caractères texte em>. Pourquoi cela arrive-t-il? Comment puis-je le faire fonctionner en chrome? Voici une capture d'écran du problème: p> p> 
p >
<div class="multicolumn">
<p>hydrolytically hypabyssally hypogyny hyponymy mystifyingly karyotypically bathymetrically cloyingly</p>
</div>
5 Réponses :
semble afficher tout le texte si vous définissez une hauteur de la ligne de 1,5 sur la règle P dans DuGan.css. Il semble toujours y avoir un défaut de défaut de la manière dont Chrome équilibre les colonnes, vous devrez peut-être mettre un paragraphe vide dans ou ajouter du rembourrage sur le dernier paragraphe ou quelque chose.
Réglage de la hauteur de la ligne (ou la taille de la police, comme recommandé ailleurs) pourrait supprimer le bogue de coupure de Chrome, mais seulement accidentellement. Si vous souhaitez l'éviter de manière programmatique, la seule solution de travail d'ici est la suivante:
.multicolumn p {
display: inline-block;
}
C'est la meilleure réponse à ce problème.
Kinda suce que votre réponse de 2013 semble toujours être l'affichage le plus approprié, mais : inline-block; + largeur: 100%; semble faire face à mon rapide et sale Prototype de problème.
body{
-webkit-column-break-inside:avoid;
}
Cela corrige le problème pour moi.
Dans certaines situations, j'ai vu le rembourrage et les marges dans le contenu colendize entraînent ce problème. Essayez:
De plus, vous pouvez essayer {dimensionnement de la boîte: bordure;} Si vous souhaitez conserver le rembourrage
C'est plus comme un bug dans le chrome, je suppose que mon cas, clair: a été réglé sur la boîte. Défoncher et donner une boîte à la boîte: Border-Box; résolu pour moi.
Se casse dans Safari sous Windows également (de la même manière).
Cela pourrait-il être un problème de police Web? J'ai vu un autre comportement étrange pour chrome + les polices Web, qui semblent être liées à la manière dont chrome calcule les hauteurs de la ligne, etc.