2010-07-19 27 views
10

Cách định nghĩa các mục danh sách định nghĩa để có mỗi định nghĩa trong một dòng?Hiển thị DL như một bảng

HTML:

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

trực quan render tôi cần:

*word* meaning 
*word* meaning 
*word* meaning 
+0

Xem http://stackoverflow.com/questions/1713048/how-to-style-dt-and-dd-so-they-are-on-the-same-line/24520786#24520786 – Justin

+0

trả lời trong câu hỏi 'trùng lặp' - so sánh

với http://stackoverflow.com/a/32727905/4258817 – Mousey

Trả lời

8

Hãy thử điều này.

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; 
} 
+1

Cảm ơn, điều này hoạt động trong Firefox của tôi (chưa thử nghiệm khác). – takeshin

+4

Thật không may điều này sẽ không mở rộng với nội dung như bảng – jpeltoniemi

Các vấn đề liên quan