关于表格问题

首页课程实战体系课手记专栏慕课教程

关于表格问题

来源：3-10 vertical-align

Satine00

2017-08-18 17:43:05

为什么我的效果不一样？

写回答

2回答

樱桃小胖子

2017-08-21

已采纳

去掉表格里面嵌套的span标签，然后给td设置class。再设置td的样式即可，即：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <style type="text/css">
    td {
        height: 80px;
        width: 100px
    }

    .sp1 {
        vertical-align: top;
    }

    .sp2 {
        vertical-align: middle;
    }

    .sp3 {
        vertical-align: bottom;
    }
    </style>
</head>

<body>
    <table border="1px" cellspacing="0">
        <tr>
            <td class="sp1">top</td>
            <td class="sp2">middle</td>
            <td class="sp3">bottom</td>
        </tr3
    </table>
</body>

</html>

祝学习愉快！

hatine00

h 非常感谢！

h017-08-24

共1条回复

樱桃小胖子

2017-08-18

建议亲将代码贴过来，以便于大家更准确的发现问题并帮助解答，祝学习愉快！

hatine00

h <!DOCTYPE html> <html> <head> <title></title> <style type="text/css">td{height: 80px;width: 100px} .sp1{vertical-align:top; } .sp2{vertical-align: middle;} .sp3{vertical-align: bottom;} span{font-size: 14px;color: red;} </style> </head> <body> <table border="1px" cellspacing="0"> <tr> <td><span class="sp1">top</span></td> <td><span class="sp2">middle</span></td> <td><span class="sp3">bottom</span></td> </tr> </table> </body> </html>

h017-08-18

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

关于元素居中问题?

回答 2

单元格居中的一个问题

回答 1

css样式设置tr还是td的问题

回答 1

图片中的表单超链接问题

回答 2

关于font属性的简写，下列选项中哪个语法正确？（选择一项）

回答 1

打开慕课网App查看更多内容