Html 如何将列表中的每个单词排成一行,以便条目在水平方向上从同一点开始?

Html 如何将列表中的每个单词排成一行,以便条目在水平方向上从同一点开始?,html,css,alignment,Html,Css,Alignment,下面是一个我稍微改变了的例子: ol{ 字体系列:佐治亚,衬线; } 奥尔斯潘{ 字体系列:Arial,无衬线; 字号:17px } 条目一 条目二 入口三 条目五 第六条 长隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆 使用下面的代码获得该设计 李斯潘{ 显示:内联块; 宽度:25%; } 条目一 条目二 入口三 条目五 第六条 您试图做的是不可能的,因为DOM对象呈现是基于其架构的,您想要做的是

下面是一个我稍微改变了的例子:

ol{ 字体系列:佐治亚,衬线; } 奥尔斯潘{ 字体系列:Arial,无衬线; 字号:17px } 条目一 条目二 入口三 条目五 第六条 长隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆
使用下面的代码获得该设计

李斯潘{ 显示:内联块; 宽度:25%; } 条目一 条目二 入口三 条目五 第六条
您试图做的是不可能的,因为DOM对象呈现是基于其架构的,您想要做的是通过表来实现的

* { 字体系列:佐治亚,衬线; } 入口 入口二 条目XyzThree 入口四 入口五 入口六
另一种方法

ol{ 列表样式类型:无; 填充:0; } 奥利:以前{ 内容:条目; 显示:内联块; 右边距:10px; } 一 二 三 五 六
我通常编写如下代码:

.list01{ 宽度:200px; } 李先生{ 溢出:隐藏; } .col01{ 浮动:左; 宽度:5em; } .col02{ 显示:块; 溢出:隐藏; } 长长的 入口二 入口树 入口五 入口六 您可以更改css

“显示”特性的“内联块”值使此操作更加容易

CSS边距属性用于在元素周围生成空间。 了解更多信息

李斯潘{ 显示:内联块;宽度:15%; } li p{文本对齐:左;显示:内联块;边距:0px 75px;} 条目 一个

条目 两个

Entryre 三

条目 菲夫

条目 六


如果你想用一个百分比来表示一定列数的宽度,比如说4,你能不能写宽度:25%?如果你不需要正确的对齐方式,你也可以用表格,请检查一下,否则我就错了?
li span {
    display:inline-block;
    width:15%;

}

li  p {text-align: left; display:inline-block; margin : 0px 45px;}