【问题标题】:First li is off-center in IE首先 li 在 IE 中偏离中心
【发布时间】:2013-12-27 01:33:11
【问题描述】:

在 IE 中使用 UL 有点麻烦 - 列表的第一项是缩进的,我似乎不知道如何解决它。我试过列表样式位置,但没有效果。您可以在此处查看屏幕截图:

如果您有任何想法,请告诉我。谢谢!

以下是相关代码:

    <div id="leftcolumn">
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
</div>

<div id="rightcolumn">
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
</div>

以及相关的 CSS:

#leftcolumn {
    float: left;
    text-align: center;
    width: 50%;
    margin-bottom: 10px;
    }

#rightcolumn {
    float: left;
    text-align: center;
    width: 50%;
    margin-bottom: 10px;
    }

【问题讨论】:

  • 关于您编写​​的代码问题的问题必须在问题本身中描述具体问题——并包括有效的代码来重现它。有关指导,请参见 SSCCE.org。请在此处提供您正在使用的代码示例...谢谢。
  • 谢谢 - 抱歉,在我添加完所有内容之前不小心点击了帖子。已更新。
  • 根据您提供的代码,似乎可以正常工作。看看HERE。一定是其他 CSS 导致了这个问题?
  • 找到了——我之前在 CSS 文件中的所有 UL 都有“显示:内联”,当我删除它时,它们都在 IE 中排成一行。抱歉,应该将其包含在我的原始帖子中 - 我对此有点陌生!感谢您的帮助!

标签: css internet-explorer html-lists


【解决方案1】:

请参考下面的链接,

http://www.w3.org/TR/html401/struct/lists.html

希望对你有帮助

【讨论】:

    猜你喜欢
    • 2019-08-17
    • 1970-01-01
    • 2014-08-21
    • 2021-11-02
    • 1970-01-01
    • 2011-03-05
    • 1970-01-01
    • 2018-01-08
    • 1970-01-01
    相关资源
    最近更新 更多