當前位置:編程學習大全網 - 網站源碼 - 有關html中<dl>、<dd>布局的問題,高分懸賞!

有關html中<dl>、<dd>布局的問題,高分懸賞!

<dd>是塊級元素,塊級元素都是獨自占用壹行的。

解決方法:

使用CSS控制(為了方便查看,CSS樣式寫成內聯樣式)

方法1:給<dd>增加浮動屬性:<dd style=" float:left;">

<!-- float屬性值有left和right可選,left為從左往右排列,right就是從右往左排列 -->

方法2:將<dd>轉成非塊級元素:<dd style="display:inline-block;">

方法1 代碼如下:

<dl>

<dd?style="float:left;">類別:</dd>

<dd?style="float:left;">類別內容</dd>

</dl>

方法2 代碼如下:

<dl>

<dd?style="display:inline-block;">類別:</dd>

<dd?style="display:inline-block;">類別內容</dd>

</dl>

  • 上一篇:unix的源代碼是c寫出好還是機器語言呢還是匯編語言呢?
  • 下一篇:dj聲卡架的微調參數
  • copyright 2024編程學習大全網