dl标签问题

gordonlong88 2011-08-02 04:10:31

小弟有dl标签问题
想实现的样子是
<dd></dd>
<dt></dt> <dd></dd>
<dd></dd>

就是说想实现跟table一样的跨行
谢谢大家

...全文

228 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

紫郢剑侠 2011-08-12

打赏
举报

为啥不用表格来实现呢?

咸魚先生 2011-08-12

打赏
举报

隔行换色，要么你在单行上加个Clash标记或者ID标记，单独定义样式，，要么像你那么单行dd双行dt，，要么用JS实现，，，，，还有5楼的，，不知道那代码有什么意思dd里嵌入div div里嵌a，代码累赘，DD里最好别用div，因为有bug，比如说用JS实现滚动的时候，就不起作用，

qingYun1029 2011-08-11

打赏
举报

为什么要用dl标签来实现跨行呢？？？



        <dl>

            <dt>品牌：</dt>

            <dd><div><a>全部</a></div></dd>

            <dd><div><a>惠普(hp)</a></div></dd>

            <dd><div><a>联想(Lenovo)</a></div></dd>

            <dd><div><a>联想(ThinkPad)</a></div></dd>

            <dd><div><a>宏基(acer)</a></div></dd>

            <dd><div><a>华硕</a></div></dd>

            <dd><div><a>戴尔</a></div></dd>

            <dd><div><a>三星</a></div></dd>

            <dd><div><a>索尼</a></div></dd>

            <dd><div><a>东芝</a></div></dd>

            <dd><div><a>Gateway</a></div></dd>

            <dd><div><a>微星</a></div></dd>

            <dd><div><a>海尔</a></div></dd>

            <dd><div><a>清华同方</a></div></dd>

            <dd><div><a>富士通</a></div></dd>

            <dd><div><a>苹果(Apple)</a></div></dd>

            <dd><div><a>神舟</a></div></dd>

            <dd><div><a>方正</a></div></dd>

            <dd><div><a>优雅</a></div></dd>

        </dl>

如果要跨行的话，意味着上面dd的显示不一样，很可能要借助“高级选择器”或者js脚本来实现。。

坏处不言而喻。。。

qingYun1029 2011-08-11

打赏
举报

该用设么标签就用什么标签，虽然css很强大，但是html结构都是有意义的。。。

不然维护起来相当不容易。。。

尽量写一份简洁、清晰的html结构，这样方便css和js的编写。。

MuBeiBei 2011-08-02

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

*{margin:0; padding:0; font-size:12px; color:#000;}

dl{float:left; width:400px; line-height:22px;}

dl dt,dd{width:100px; float:left;}

</style>

</head>



<body>

<div style="width:400px;">

    <dl>

        <dt>1</dt>

        <dd>2</dd>

        <dd>3</dd>

        <dd>4</dd>

    </dl>

    <dl>

        <dt>1</dt>

        <dd>2</dd>

        <dd>3</dd>

        <dd>4</dd>

    </dl>

    <dl>

        <dt>1</dt>

        <dd>2</dd>

        <dd>3</dd>

        <dd>4</dd>

    </dl>

</div>

</body>

</html>

healer_kx 2011-08-02

打赏
举报

table有rowspan，colspan嘛。

gordonlong88 2011-08-02

打赏
举报

帖子样子有点不对。就是

<table width="200" border="1">
<tr>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
想实现这样的样子

标签中的“GData”指的是Google数据API，它是一组用于访问Google服务的客户端库，支持多种编程语言，包括C#。开发者可以利用这些API来构建应用程序，实现与Google服务的交互。 “c#”是Microsoft开发的一种面向对象...