CSS固定宽度在一个范围内

在无序列表中:

 The lazy dog.
AND The lazy cat.
OR The active goldfish.

允许添加类或样式属性,但不允许填充文本以及添加或更改标记.

该页面使用Courier New进行渲染.

目标是在跨度排队后有文字.

    The lazy dog.
AND The lazy cat.
OR  The active goldfish.

"OR"的理由并不重要.

懒惰的动物文本可能会包含在一个额外的元素中,但我必须仔细检查.

在一个理想的世界中,你只需使用以下css即可实现这一目标

这适用于除FF2及以下版本之外的所有浏览器.

Firefox 2及更低版本不支持此值.您可以使用-moz-inline-box,但请注意它与inline-block不同,并且在某些情况下可能无法正常工作.

报价取自quirksmode

ul {
	list-style-type: none;
	padding-left: 0px;
}

ul li span { 
	float: left;
	width: 40px;
}

    
 The lazy dog.
    
AND The lazy cat.
    
OR The active goldfish.

The Lazy dog

AND
The Lazy cat

OR
The active goldfish

 The lazy dog.
AND The lazy cat.
OR The active goldfish.

 something
ANDsomething else