Opera OL坏文本与对齐对齐

时间:2012-04-24 14:59:15

标签: html-lists opera

对齐 列表项<li>)在<ol>)中出现问题>歌剧即可。线条前面有不同的间距。

Opera版本:

  • 版本:11.62
  • Build:1347
  • 平台:Win32
  • 系统:Windows 7

截图:

Opera 11.62 (Build 1347), Windows 7 - ordered list indentation problem

Opera 11.62 (Build 1347), Windows 7 - ordered list indentation problem (转载于jsfiddle.com)

测试代码: http://jsfiddle.net/ySmJZ/

ol {
  list-style: decimal;
  margin: 16px 0px;
  padding: 0px 0px 0px 40px;
  text-align: justify;
}

2 个答案:

答案 0 :(得分:1)

这是Opera中的一个已知错误(CORE-41499)。除了避免使用text-align:justify.

之外,没有真正的解决方法

答案 1 :(得分:1)

是的,这是Opera中的一个已知错误(即使在12.01 (x86)中),但有一个解决方法,由 deathshadow 编写:
http://my.opera.com/community/forums/topic.dml?id=1424852&t=1347118644&page=1#comment12696422

引用:

  

“一种解决方法(直到/如果他们修复它)是LI内部的额外SPAN或DIV,将所有内容设置为display:inline-block; vertical-align:top;

我试过了,它确实有效(至少在Opera 12.01(x86)中):

http://jsfiddle.net/Sk8erPeter/ySmJZ/10/

BEFORE

Opera bug with ordered lists (<ol>) and text-align:justify;

AFTER

Opera bug with ordered lists (<ol>) and text-align:justify; WORKAROUND