html - 文本对齐中心在 IE 中不起作用

标签 html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

我有一个面板,我将面板的主体居中。它在除 IE 之外的所有浏览器中都运行良好...谁能告诉我为什么?

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

CSS

 .chart-center {
        text-align: -moz-center; /*firefox*/
        text-align: -webkit-center; /*safari, chrome*/
        margin: 0 auto;
    }

HTML

 <div class="col-lg-4">
     <div class="panel panel-default">
         <div class="panel-heading">
            <h3 class="panel-title text-center"><i class="fa fa-usd fa-fw"></i> My Chart</h3>
         </div>
          <div class="panel-body text-center chart-center">
              <div id="myID"></div>
          </div>
      </div>
 </div>

最佳答案

使用默认的:

.chart-center {
    text-align: center; /*default*/
    margin: 0 auto;
}

实际上,对于此属性,供应商前缀是不必要的。

关于html - 文本对齐中心在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31679962/

上一篇:javascript - 试图让我的列表滚动并适合页面

下一篇:CSS 背景 : transparent url() not displaying img

相关文章:

javascript - 这个 MustacheJS-Snippen 可以抵御 XSS 攻击吗?

css - 使用 LESS CSS 定义可变变量

php - html2pdf AddFont Roboto 不起作用

css - 如何在通过 Express 发送的 HTML 文件中使用 CSS 和 JS 文件?

html - CSS:事件类

javascript - Owl Carousel - 无法在线工作

javascript - 如何将 Cheerio DOM 节点转回 html?

javascript - 滚动效果与背景图像修复

jquery - CSS3 rotate3d 不准确

javascript - 如何使剑道工具提示内容左对齐