为什么设置padding-top之后td具体类里面的显示还是没效果。。。但是只是在td上设置有效果。

为什么设置padding-top之后td具体类里面的显示还是没效果。。。但是只是在td上设置有效果。

.banner table tr td{

          border: 2px solid #757574;

          padding-left: 20px;

        }

.banner table tr td.msg{

        height: 115px;

        padding-top: -60px;

      }

html代码:

  <table cellspacing="12px">

            <tr>

              <td class="info">your Name</td>

            </tr>

            <tr>

              <td class="info">your Phone</td>

            </tr>

            <tr>

              <td class="info">your Email</td>

            </tr>

            <tr>

              <td class="msg">Write a comment</td>

            </tr>

          </table>

效果:

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

正在回答 回答被采纳积分+1

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

2回答
好帮手慕星星 2019-08-08 14:44:51

你好,是padding属性值规定的哦,不允许设置负值,记住这样使用就可以。

后来粘贴的代码中是通过vertical-align:top;属性实现的文本在顶部显示,这样写是可以的哦。

祝学习愉快!

好帮手慕星星 2019-08-08 11:14:07

同学你好,

padding是不允许设置负值的,浏览器解析无效:

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

同学具体想要实现什么样的效果呢,建议详细描述一下,便于准确定位问题所在,帮助你解决。

祝学习愉快!

  • 提问者 weixin_慕粉8323943 #1
    为什么padding-top不能设置负值呢? 我自己在尝试了下, .banner table tr td.msg{ height: 115px; /* line-height: 115px; */ padding: 10px; vertical-align: top; /* padding-top: -30px; */ } 这样的话就实现了:
    2019-08-08 14:00:48
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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