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

来源:2-10 作业题

weixin_慕粉8323943

2019-08-08 10:18:57

.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://img.mukewang.com/climg/5d4b860800015d1c11480674.jpg

写回答

2回答

好帮手慕星星

2019-08-08

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

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

祝学习愉快!

0

好帮手慕星星

2019-08-08

同学你好,

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

http://img.mukewang.com/climg/5d4b93110001747d02690107.jpg

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

祝学习愉快!

0
heixin_慕粉8323943
h 为什么padding-top不能设置负值呢? 我自己在尝试了下, .banner table tr td.msg{ height: 115px; /* line-height: 115px; */ padding: 10px; vertical-align: top; /* padding-top: -30px; */ } 这样的话就实现了:
h019-08-08
共1条回复

0 学习 · 40143 问题

查看课程