Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.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_List_Text - Fatal编程技术网

带说明的HTML文本列表

带说明的HTML文本列表,html,list,text,Html,List,Text,我想展示一个基本文本列表,并进行解释。 请参阅屏幕截图(这是在文本编辑器中完成的) 我正在考虑一个html表,但是我不容易成功地模拟它。 有什么建议吗 我想使用表而不是div,因为这样可以轻松添加新行。大多数html编辑器只允许使用TAB添加新行 问题是css:如何使线条彼此靠近 DIV示例(谢谢Sylent): .divClass{ 显示:表格行; } .div类div{ 填充:3倍; 显示:表格单元格; } 描述 信息描述测验。 描述 信息描述测验。 通过和一些CSS实现了这一点 ht

我想展示一个基本文本列表,并进行解释。 请参阅屏幕截图(这是在文本编辑器中完成的)

我正在考虑一个html表,但是我不容易成功地模拟它。 有什么建议吗

我想使用而不是div,因为这样可以轻松添加新行。大多数html编辑器只允许使用TAB添加新行

问题是css:如何使线条彼此靠近

DIV示例(谢谢Sylent):

.divClass{
显示:表格行;
}
.div类div{
填充:3倍;
显示:表格单元格;
}

描述
信息描述测验。
描述
信息描述测验。
通过
和一些CSS实现了这一点

html:


希望这对您足够好地显示它:D。

您想在该列表中显示该文本吗?只是澄清一下。一张桌子确实是一个可能的解决方案。如果表的内容是可变的,则需要使用某种机制来填充它。您可以简单地使用一个JavaScript函数将表添加到DOM中,或者使用一些框架。在我的例子中,我非常喜欢AngularJS(这是一个旧版本,但非常稳定,而且很容易习惯),在这里你可以设置JavaScript对象和页面中显示的内容之间的双向关系。你想使用what而不是what吗?
<div class="divClass">
        <div>some text</div>
        <div>some text</div>
    </div>
    <div class="divClass">
        <div>some text</div>
        <div>some text</div>
    </div>
.divClass {
  display: table-row;
}

.divClass div {
  padding: 3px;
  display: table-cell;
}