关于<table>中cellpadding属性值和align属性值的问题。

关于<table>中cellpadding属性值和align属性值的问题。

<table cellpadding="5">

              <tr align="center">

                        <th>...</th>

                        <th>...</th>

                </tr>

</table>

如果是这样的表格,<tr>标签内的单元格是什么状态?又居中又距单元格有5px?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答
<table border="1" cellpadding="10" width="100%">
    <tr>
        <th>Month</th>
        <th>Savings</th>
    </tr>
    <tr>
        <td>January</td>
        <td>$100</td>
    </tr>
    <tr align="center">
        <td>January</td>
        <td>$100</td>
    </tr>
</table>

http://img1.sycdn.imooc.com//climg/5b470a930001496509990192.jpg

自己感受一下哦~

coraliu 2018-07-12 16:25:13

cellpadding定义的是单元格内内容可显示区域与单元格边框的距离,当然你的内容可能没有充满整个可显示区域,align属性是定义单元格内容显示的水平对齐方式,内容显示肯定是在cellpadding属性定以后的内容显示区域内了。不知道我有没有说清楚哈\(^o^)/~

妮可妮可妮_ 2018-07-12 11:00:33

http://img1.sycdn.imooc.com//climg/5b46c2b30001967f02150148.jpghttp://img1.sycdn.imooc.com//climg/5b46c2d200013b9301130083.jpg

cellpadding 属性规定单元边沿与其内容之间的空白,是单元边沿上下左右与其内容的空白的距离都为5

  • 提问者 帆某人 #1
    谢谢老师先,我的意思是既然cellpadding属性规定了单元边与内容之间的空白是一致的,那么是不是可以理解为已经是align="center"了?就是内容已经处于居中状态了?
    2018-07-12 11:29:20
  • 妮可妮可妮_ 回复 提问者 帆某人 #2
    如果容器是被内容撑开的,这样可以理解为已经居中显示了,但是如果容器的宽度比内容要宽,那么cellpadding设置的值只能保证上下左右与其内容的空白的距离,但并不一定居中显示,可以解决你的疑问吗?
    2018-07-12 14:51:24
  • 提问者 帆某人 回复 妮可妮可妮_ #3
    上下左右与其内容的空白的距离一致不就是居中了么。。 老师可以给段代码让我感受一下吗?
    2018-07-12 15:13:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师