像表一样显示DL [英] Display DL like a table

问题描述

如何设置定义列表项目的样式，使每个定义都在一行中？

How to style definition list items to have each definition in one line?

HTML：

<dl>
    <dt>word</dt><dd>meaning</dd>
    <dt>word</dt><dd>meaning</dd>
    <dt>word</dt><dd>meaning</dd>
</dl>

视觉呈现我需要：

*word* meaning
*word* meaning
*word* meaning

推荐答案

尝试此操作。

dt  {
    clear:left;
    float:left;
    font-size:12px;
    line-height:26px;
    width:70px;
}

dd {
    clear:right;
    font-size:12px;
    line-height:18px;
    padding:4px 0 4px 40px;
}

这篇关于像表一样显示DL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！