<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>inline-table类型实例</title>
<style>
table{
display: inline-table;
border: solid 3px #0f1ffd;
}
td{
border: solid 3px red;
}
</style>
</head>
<body>
<h1>inline-table类型实例</h1>
萧炎,天蚕土豆所著异世大陆类玄幻小说《斗破苍穹》的男主角,在《武动乾坤》结尾、《斗破苍穹前传之药老传奇》、《大主宰》和《苍穹榜之圣灵纪》四本小说中为客串角色
<table>
<tr>
<td>1超级电视</td>
<td>2产品资讯</td>
<td>3生态服务</td>
<td>4关于我们</td>
<td>5乐视商城</td>
<td>6乐视视频</td>
</tr>
<tr>
<td>7超级电视</td>
<td>8产品资讯</td>
<td>9生态服务</td>
<td>10关于我们</td>
<td>11乐视商城</td>
<td>12乐视视频</td>
</tr>
<tr>
<td>13超级电视</td>
<td>14产品资讯</td>
<td>15生态服务</td>
<td>16关于我们</td>
<td>17乐视商城</td>
<td>18乐视视频</td>
</tr>
</table>
美杜莎是《斗破苍穹》中加玛帝国塔戈尔沙漠蛇人部落里的女王,这样高贵、美艳却又不缺乏实力的一女子却偏偏被萧炎这样多情的男子羁绊,在她进化成上古异
</body>
</html>
运行结果:
inline-table 默认的是底部对齐 现在设置成 顶部对齐源代码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>inline-table类型实例</title>
<style>
table{
vertical-align:bottom;
display: inline-table;
border: solid 3px #0f1ffd;
}
td{
border: solid 3px red;
}
</style>
</head>
<body>
<h1>inline-table类型实例</h1>
萧炎,天蚕土豆所著异世大陆类玄幻小说《斗破苍穹》的男主角,在《武动乾坤》结尾、《斗破苍穹前传之药老传奇》、《大主宰》和《苍穹榜之圣灵纪》四本小说中为客串角色
<table>
<tr>
<td>1超级电视</td>
<td>2产品资讯</td>
<td>3生态服务</td>
<td>4关于我们</td>
<td>5乐视商城</td>
<td>6乐视视频</td>
</tr>
<tr>
<td>7超级电视</td>
<td>8产品资讯</td>
<td>9生态服务</td>
<td>10关于我们</td>
<td>11乐视商城</td>
<td>12乐视视频</td>
</tr>
<tr>
<td>13超级电视</td>
<td>14产品资讯</td>
<td>15生态服务</td>
<td>16关于我们</td>
<td>17乐视商城</td>
<td>18乐视视频</td>
</tr>
</table>
美杜莎是《斗破苍穹》中加玛帝国塔戈尔沙漠蛇人部落里的女王,这样高贵、美艳却又不缺乏实力的一女子却偏偏被萧炎这样多情的男子羁绊,在她进化成上古异
</body>
</html>给的文字太长 看起来不明显 换一段文字分享知识,分享快乐!希望中国站在编程之巅!----融水公子
公众微信号:rsgz520
360图书馆馆号:rsgz002.360doc.com
联系客服