在课程第6-2节（先静后动，构建新闻详情 页面）样式有问题，最上面有一段空白的行

Question

post-detail.wxss文件代码：

.container {

display: flex;

flex-direction: column;

}

.head-image {

width: 100%;

height: 460rpx;

}

post-detail.wxml代码：

<view class='container'>

<image class='head-image' src="/images/post/sls.jpg"></image>

<view>

<image src="/images/avatar/2.png"></image>

<text>胡歌</text>

<text>发表于</text>

<text>三天前</text>

</view>

<text>炉石传说好玩吗</text>

<view>

<view>

<image src="/images/icon/collection.png"></image>

<image src="/images/icon/share.png"></image>

</view>

<view></view>

</view>

<text>炉石传说能不好玩，当然暴雪的游戏都是好玩的</text>

</view>

效果图：

Answer 1

newblush 2019-01-17 17:18:57

我也遇到你这个问题了,确实删了就可以了 ...我就说代码一模一样为什么不得行呀 ....谢谢解答

Answer 2

7七月 2018-05-12 21:29:57

这个应该是你写错了，可以看下源码。源码是没有问题的。

• 提问者 幕布斯652693 #1

  我把用课程的源代码拷贝下来单页测试，也是这样，我觉得也有点问题，如果在.container中设置padding:0，则上面的空白区域就没有了，不过container中的元素都是居中排列。我用的小程序的编译器是V1.02版本，不知道是不是因为版本问题，请老师帮忙测试一下，谢谢。

• 7七月 回复 提问者 幕布斯652693 #2

  不是版本问题，你为什么要单独测试呢。我只能保证整个源码运行是没问题的。你可以完整运行下代码看一下

• 提问者 幕布斯652693 回复 7七月 #3

  我找到问题的源头了，是因为我直接在微信的初始化版本上编写的，在APP.wxss中预设了.container的全局样式，直接删除后就没有这样的问题了。