css里边,div包含一个table,如何做到table顶端对齐?

html-css010

css里边,div包含一个table,如何做到table顶端对齐?,第1张

现在已经不流行用table布局了,不过实现起来也不难。内容基本都在<td>标签中,所以:

<td valign="top"></td>

不过,基于你的要求,要做的是控制“个人中心”那一格的高度(W3C标准建议使用css样式来控制高度,所以):

<td style="height:10pxpadding:0pxmargin:0px">个人中心:....</td> <!--10px只是个示例,具体多少请自行调整,padding和margin属性只是防止意外而清除空白,可根据效果自行删掉-->

点击下面网址可以在线观看视频

本节知识点

同样是先看官方文档: https://developers.weixin.qq.com/miniprogram/dev/component/button.html

接下来我们就使用官方示例看能不能获取到用户信息

我们通过第二步获取到了用户的相关信息,接下来我们就来把获取到的用户信息展示出来。

可以看到左边就是用户头像和昵称了。

我们通常头像应该是圆形居中的,接下来我们就借助与css来美化布局

这里重点是me.wxss里的border-radius,border-radius是用来实现圆角的,当我们的宽高和圆角的大小都是128rpx时,我们展示出来的也就是圆角头像了。

虽然我们实现了上面的圆角头像,但是布局还是有些不太好看。

接下来我们就把头像和昵称居中显示

实现效果如下

到此我们的个人中心页也就差不多实现了。

有问题可以加我微信2501902696(备注小程序)