微信小程序中的视图布局是通过使用 `wxss` 文件来定义的，而不是像传统网页那样使用 CSS。要实现两个 View 容器同一行两侧对齐的效果，我们需要在父容器中使用 Flex 布局。
Flex 布局
Flex 布局是一种用于排列元素的布局方式，它可以让我们轻松地创建复杂的布局结构。在微信小程序中，Flex 布局是通过 `display` 属性设置为 `flex` 来实现的。
父容器样式
首先，我们需要在父容器中定义 Flex 布局。我们可以在 `wxss` 文件中添加以下代码：
```css.parent {
display: flex;
flex-flow: row nowrap;
}
```
这里，我们使用 `display: flex;` 来启用 Flex 布局，`flex-flow: row nowrap;` 来指定元素排列方式为水平排列（row）且不换行（nowrap）。
子容器样式
接下来，我们需要在两个子容器中定义其样式。我们可以在 `wxss` 文件中添加以下代码：
```css.child {
flex:1;
}
```
这里，我们使用 `flex:1;` 来指定子容器占据父容器的剩余空间。
实现效果
现在，我们已经完成了所有的样式定义。我们可以在微信小程序中创建一个父容器和两个子容器，然后将它们添加到页面中。
例如，我们可以在 `index.wxml` 文件中添加以下代码：
```wxml
```
这里，我们使用 `
效果展示
当我们运行微信小程序时，两个子容器会自动排列在同一行两侧对齐。效果如下：
左侧内容 右侧内容总结
通过使用 Flex 布局，我们可以轻松地实现两个 View 容器同一行两侧对齐的效果。在微信小程序中，这种布局方式非常常见，尤其是在创建复杂的界面时。
