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