相关疑难解决方法(0)

我希望整个块在其父级中居中,但我希望块的内容保持对齐.

示例效果最佳

在本页面 :

http://yaml-online-parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a---+%7c%0d%0a++%5c%2f%2f%7c%7c%5c% 2F%7C%7C%0D 0A%++%2F%2F +%7C%7C++%7C%7C __%0D 0A%&类型=蟒

ascii艺术应该居中(如它所示),但它应该排成一行,看起来像"YAML".

或这个 :

http://yaml-online-parser.appspot.com/?yaml=%3f+-+Detroit+Tigers%0d%0a++-+Chicago+cubs%0d%0a%3a%0d%0a++-+2001-07-23 0D%0A%0D%0A%%3F +%5B +新+纽约洋基+ 2C%0D%0A%亚特兰大++++ +勇士+%5D 0D%0A%3A%+%5B + 2001年7月2日%2C + 2001年8月12日%2C%0D 0A%++++ 2001年8月14日+%5D%0D 0A%

错误消息应该像在控制台中一样排列.

说我有以下代码

<style type="text/css" media="all">
  span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
  }   
</style>
<span>i would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul>

我希望这在IE8中显示内联.我读过的所有地方都说这应该有用,IE8支持内联块.然而,经过一个早上的尝试,我无法得到上面的排队.我知道我可以浮动它,但是对于我页面上的其他元素(这里没有显示),我需要使用更加标记的'clearfix'.我只需要针对IE8,并且很想知道为什么内联块在显然支持时对我不起作用.在Google Chrome浏览器中查看时,上述代码可以满足我的需求.

所以我这样做

<div style='width: 200px; border: 1px solid black;'>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />asdf
  </div>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />were
  </div>
</div>

现在在Firefox和Chrome中它显示得很好,但在Internet Explorer 8中却没有.他们有布局,这不是问题,宽度足够小,所以它适合一条线.

如果我使用span而不是它确实有效,但我真的很想知道div为什么不在IE中工作