水平对齐

<h1>Flex布局 - 水平对齐</h1> <ul> <li>示例图片</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=ce965f4c5927a7ef4da512d1dcb931b6&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html"> &lt;view class="cu-bar bg-white margin-top solid-bottom"&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-title text-blue"&gt;&lt;/text&gt;水平对齐(justify) &lt;/view&gt; &lt;/view&gt; &lt;view class="bg-white"&gt; &lt;view class="flex solid-bottom padding justify-start"&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;start&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;start&lt;/view&gt; &lt;/view&gt; &lt;view class="flex solid-bottom padding justify-end"&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;end&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;end&lt;/view&gt; &lt;/view&gt; &lt;view class="flex solid-bottom padding justify-center"&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;center&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;center&lt;/view&gt; &lt;/view&gt; &lt;view class="flex solid-bottom padding justify-between"&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;between&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;between&lt;/view&gt; &lt;/view&gt; &lt;view class="flex solid-bottom padding justify-around"&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;around&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;around&lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>