blocks|key|963379|text|在看不到代码的情况下，我建议将每一列放在div中。然后，在仅为IE加载样式表之后重新定义body标记，并为div添加样式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|963380|仅限IE：|963381||code-block|syntax|javascript|963382|您甚至可以更进一步，将body样式移动到它自己的样式表中，并根据浏览器加载所需的样式表。这取决于你想把它带到什么程度。|963383|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Without seeing your code, I would suggest putting each column in a div. Then redefine the body tag after you load the stylesheet for IE only, and add the styles for the divs.

For IE only:

<pre><code>&lt;!--[if IE]&gt;
 **** your styles **** 
&lt;![endif]--&gt;
</code></pre>

You could even take it a step further and move the body style into it's own style sheet and load the style sheet you need depending on the browser. It'll depend on how far you want to take it.

blocks|key|747711|text|《实用程序员的HTML5+and+CSS3》一书对这类事情有一些很好的建议。对于列，它建议使用IE的Columnizer+Plugin+for+jQuery。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|747712|entityMap|0|LINK|mutability|MUTABLE|url|http://pragprog.com/titles/bhh5/html5-and-css3|1|http://welcome.totheinter.net/columnizer-jquery-plugin/^0|7|E|0|1E|S|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Pragmatic Programmer's <a href="http://pragprog.com/titles/bhh5/html5-and-css3" rel="noreferrer">HTML5 and CSS3</a> book has some great advice on stuff like this. For columns, it recommends using the <a href="http://welcome.totheinter.net/columnizer-jquery-plugin/" rel="noreferrer">Columnizer Plugin for jQuery</a> for IE.

blocks|key|963467|text|请看一下ALA上的这些文章，我想它们可能正好有你想要的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|963468|Stop+Forking+with+CSS3|offset|length|963469|Taking+Advantage+of+HTML5+and+CSS3+with+Modernizr|963470|entityMap|0|LINK|mutability|MUTABLE|url|http://www.alistapart.com/articles/stop-forking-with-css3/|1|http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/^0|0|0|M|0|0|0|1D|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

Have a look at these articles on ALA, I think thay may just have what you were looking for.. 
<a href="http://www.alistapart.com/articles/stop-forking-with-css3/" rel="nofollow">Stop Forking with CSS3</a> 
<a href="http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/" rel="nofollow">Taking Advantage of HTML5 and CSS3 with Modernizr</a>

blocks|key|963527|text|尝试在要以表格形式布局的项目上设置display:+inline-table;|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|963528|entityMap^0|H|M|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Try setting <code>display: inline-table;</code> on the items you want laid out as a table

blocks|key|747843|text|从IE10开始，现在可以对CSS3列提供原生(无前缀)支持。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|747844|http://msdn.microsoft.com/en-us/library/ie/hh673534(v=vs.85).aspx|offset|length|747845|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1T|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

As of IE10, there is now native (and un-prefixed) support for CSS3 columns.

<a href="http://msdn.microsoft.com/en-us/library/ie/hh673534(v=vs.85).aspx" rel="noreferrer">http://msdn.microsoft.com/en-us/library/ie/hh673534(v=vs.85).aspx</a>

blocks|key|747891|text|CSS3提供了一种将任何HTML节点的内容转换为任意数量的列的方法。有一些属性用于控制列的数量以及它们的宽度、相对高度(“填充”或内容如何在现有列中划分)、列之间的间距、“规则”(分割线或边框)等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|747892|作为起点，请参阅w3schools.com+CSS3+Multiple+Columns参考页面。|offset|length|747893|但是，像往常一样，除了IE10之外，在广泛使用的浏览器中，只有IE不支持column-+CSS3属性。|747894|一种跨浏览器的解决方案是Columnizer+jQuery+Plugin。|747895|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/css3/css3_multiple_columns.asp|1|http://welcome.totheinter.net/columnizer-jquery-plugin/^0|0|8|Z|0|0|0|C|O|1|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]]]

CSS3 provides a way of turning any HTML node's content into any number of columns. There are properties for controlling the number of columns as well as their width, relative height ("fill," or how the content is divided across the existing columns), gutter between columns, "rule" (dividing line or border), etc.

As a starting point, see the <a href="http://www.w3schools.com/css3/css3_multiple_columns.asp" rel="nofollow">w3schools.com CSS3 Multiple Columns</a> reference page.

However, as usual, IE alone among widely used browsers does not support the column- CSS3 properties, except for IE10.

One cross-browser solution is the <a href="http://welcome.totheinter.net/columnizer-jquery-plugin/" rel="nofollow">Columnizer jQuery Plugin</a>.

IE <a href="http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx#multicolumn" rel="noreferrer">doesn't support CSS3 columns</a> — no big deal, right? Even though, I'm trying to find any modernizr-like library to do the trick. I don't really want to code different CSS for IE, as that would be giving way too much care and attention to something we all despise. Any suggestions?

How to display CSS3 columns on IE?

IE  -没什么大不了的，对吧？尽管如此，我还是在尝试寻找任何类似于现代化的库来完成这项工作。我真的不想为IE编写不同的CSS，因为那会给我们都鄙视的东西太多的关注和关注。有什么建议吗？

问如何在IE上显示CSS3列？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IE上显示CSS3列？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IE上显示CSS3列？
EN