Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何保持列表的垂直对齐一致?_Html_Css_Alignment_Html Lists - Fatal编程技术网

Html 如何保持列表的垂直对齐一致?

Html 如何保持列表的垂直对齐一致?,html,css,alignment,html-lists,Html,Css,Alignment,Html Lists,我在我的网站上有一个600pxdiv的列表,文本换行,因此其中一行上的文本会下降。这很好,但我遇到的问题是,新行从与“点”相同的位置开始,而不是文本所在的位置 以下是在浏览器中查看时遇到的问题: 问题不在这里 思科专业工程师可一年365天、一天24小时访问全球 下一工作日硬件更换选项(如有) 正在进行的操作系统软件更新,包括许可功能集中的次要和主要版本 选定设备上的主动诊断和实时警报 这就是我希望它看起来的样子: 使用以下样式: .list { margin-left:20px;

我在我的网站上有一个600px
div
的列表,文本换行,因此其中一行上的文本会下降。这很好,但我遇到的问题是,新行从与“点”相同的位置开始,而不是文本所在的位置

以下是在浏览器中查看时遇到的问题:

问题不在这里

  • 思科专业工程师可一年365天、一天24小时访问全球
  • 下一工作日硬件更换选项(如有)
  • 正在进行的操作系统软件更新,包括许可功能集中的次要和主要版本
  • 选定设备上的主动诊断和实时警报
这就是我希望它看起来的样子:

使用以下样式:

.list {
    margin-left:20px;
    list-style-position:outside;
}

如果需要,还可以添加填充/边距


顺便说一句,我可以看到它在Chrome和FF中都是默认的。

它取决于用户的浏览器。你的小提琴用铬做的很好

试试这个

.list li {

        text-align:justify;
}

啊!我得到了它。我确实有另一种风格:

ul, li, ol {
    list-style-type:none;
}

我删除了这个,它工作正常。

你在Firebug中调试过吗?因为即使在您的JSFIDLE示例中,没有我的建议也可以。可能其他样式规则正在覆盖此问题。问题出现在哪个浏览器中?它也出现在这个JSFIDLE中吗?发生在最新版本的chrome和IE10中。我认为任何其他样式都会覆盖这个样式。你能登录Chrome的开发者工具吗?对不起,我该怎么做?这不是我以前必须做的事情。在Chrome中浏览,然后按CTRL+SHIFT+I打开开发工具。现在单击显示为lense的图标来选择您的元素,然后在html中单击该元素。现在您可以在右侧面板中看到所有样式。我告诉过您。因此,您甚至没有检查JSFIDLE示例中是否存在此问题,因为在JSFIDLE中,我只选择了所需的代码。但在我的主CSS文件中,我有一段额外的代码,这段代码来自我复制的前一个网页。只是忘了它就在那里。这并没有改变事实,即您没有检查示例是否合适。;-)
ul, li, ol {
    list-style-type:none;
}