为什么Chrome会截断我的CSS3多栏布局中的文字？ [英] Why is Chrome cutting off text in my CSS3 multi-column layout?

问题描述

这里有问题的演示。

http://www.vcn.bc.ca/~dugan/css3/newhtml.html

多人列CSS3布局在Firefox中正确显示。 Opera和IE8显示为一列（这是罚款）。但是，Chrome会尝试将其显示为多个列，并会剪切部分文字。

The multi-column CSS3 layout displays correctly in Firefox. Opera and IE8 display it as one column (which is fine). Chrome, however, tries to display it as multiple columns and cuts off part of the text.

有任何方法Chrome？

Is there any way to make it work with Chrome?

推荐答案

如果您在dugan.css中的p规则中设置了一个行高1.5，则显示所有文字。仍然有一个缺陷，确切的Chrome如何平衡列，你可能需要把一个空段落或在最后一段或某事添加一些填充。

Seems to show all the text if you set a line height of 1.5 on the p rule in dugan.css. There still seems to be a defect in exactly how Chrome balances the columns, you may need to put an empty paragraph in or add some padding on the last paragraph or something.

这篇关于为什么Chrome会截断我的CSS3多栏布局中的文字？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！