我有一个基于列表的相当简单的列方法,如下所述:如何制作一个调整大小以适应页面宽度的 HTML 网格?
它在我的本地机器上运行良好,但是当通过网络共享查看文件时,一切都在一个大列中。所有的 CSS 都在 HTML 文件中,根本没有外部脚本。我在这两种情况下都使用 IE9,那么为什么会有不同的行为呢?
我有一个基于列表的相当简单的列方法,如下所述:如何制作一个调整大小以适应页面宽度的 HTML 网格?
它在我的本地机器上运行良好,但是当通过网络共享查看文件时,一切都在一个大列中。所有的 CSS 都在 HTML 文件中,根本没有外部脚本。我在这两种情况下都使用 IE9,那么为什么会有不同的行为呢?
查看示例链接和相应的 JSFiddle 后,接受的答案使用链接样式表资源:bootstrap-combined.min.css。可在此处访问:http: //netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css
我猜,在您网络的某个地方,当访问文件时,用户/IIS/任何代理都无权访问引导文件,或者它不包含在 FTP 发布中。
<ul>
我曾经使用过的每一个都将<li>
' 设置为 clear:both 默认情况下。通过设置<ul class="inline">
,它使所有子元素内联元素,默认情况下将向左浮动,这在 twitter 引导程序中定义(显然)。所以这对我来说是voo-doo css。
您可以尝试将<li>
's 类样式设置为float:left;
. 这会给你想要的结果。
JSFiddle:http: //jsfiddle.net/ywVWD/1/