使用Internet Explorer时,hr元素的对齐方式出现问题。我要实现的是,以下几行基本上都位于页面的中心。有两个标题,一条水平线(200像素宽)和一条带有作者姓名的文本行。

HTML:

<h1>Headline 1</h2>
<h2>Headline 2</h3>
<hr>
<p>Author name</p>


CSS:

> h1 {text-align: center;}
> h2 {text-align: center;}
> p  {text-align: center;}
> hr {width: 200px; text-align: center;}


如您所见,我在CSS中定义了hr元素,因此应该将其居中-并且在Chrome,Firefox和Opera中也是如此。但是,每次我使用Microsoft IE(版本:11,还有移动浏览器)打开页面时,hr元素都与左侧对齐。

html - HTML和CSS:IE中的&lt;hr&gt;对齐-LMLPHP

我怎么解决这个问题?

最佳答案

尝试一下呢?

hr { display: block; margin: 0 auto; }

关于html - HTML和CSS:IE中的<hr>对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34999692/

10-11 23:24
查看更多