inner-container

来源：20-10 movie-list template的样式实现

慕粉Love娟娟

2017-05-12

老师把这个inner-container不要，直接在movie-list-container样式里写margin：0 auto 20rpx；为啥不行？

写回答

2回答

7七月

2017-05-12

详细描述下问题，并且贴出代码来

慕粉Love娟娟

提问者

2017-05-12

<template name="movieListTemplate">
  <view class="movie-list-container">
    <view class="inner-container">
      <view class="movie-head">
        <text class="slogan">正在热映</text>
        <view class="more">
          <text class="more-text  ">更多</text>
          <image class="more-img" src="/images/tb/more.png"></image>
        </view>
      </view>
      <view class="movies-container">
        <template is="movieTemplate"></template>
        <template is="movieTemplate"></template>
        <template is="movieTemplate"></template>
      </view>
    </view>
  </view>
</template>

wxss：

.movie-list-container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

.inner-container {
  margin: 0 auto 20rpx;
}

就是这里的.movie-list-container
这个不就已经是整个的模板容器的样式了么，在里面直接写margin: 0 auto 20rpx;
，不再添加inner-container这个块级单元了，这样做为什么“正在热映”和“更多>” 不与图片对齐?

微信小程序入门与实战（全新版）超20000人学习的好课

4年同步微信官方迭代，累计20000+人学习，比微信官方更火爆！

23867 学习 · 6899 问题

查看课程

相似问题

.container{ } 这个.container 是怎么来的呀？

回答 3

.container不起作用

回答 7

container 没起作用麻烦看下哈

回答 6

margin: 0 auto 20rpx 是什么意思？

回答 1

.container 没有反应

回答 2

打开慕课网App查看更多内容