使用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元素都与左侧对齐。
我怎么解决这个问题?
最佳答案
尝试一下呢?
hr { display: block; margin: 0 auto; }
关于html - HTML和CSS:IE中的<hr>对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34999692/