求助:用 Uikit 建一个瀑布流时第一个 box 异常显示

2015-12-07 22:13:25 +08:00
 atlantismonk

HMTL:

<div class="uk-grid uk-flex uk-flex-item-auto">
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#5d925b;">Box1Box1Box1Box1Box1Box1Box1</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box"       style="background:#345233;">Box2Box2Box2Box2Box2Box2Box2Box2Box2Box2Box2Box2Box2Box2</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#893742;">Box3Box3Box3Box3Box3Box3Box3Box3Box3Box3</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#cc1133;">Box4</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#1a4344;">Box5</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#443f14;">Box6</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#244424;">Box7</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#0e0d44;">Box8</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#441520;">Box10</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#442429;">Box11</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#345233;">Box12</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#893742;">Box13</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#cc1133;">Box14</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#1a4344;">Box15</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#443f14;">Box16</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#244424;">Box17</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#0e0d44;">Box18</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#2f440e;">Box19</div></div>
        <div class=" uk-grid-medium " ><div class="uk-panel uk-panel-box" style="background:#441520;">Box20</div></div>
    </div>

![Alt test][flex photo]
![Alt test][box1]
![Alt test][box8]

<img src="/home/atlantismonk/桌面 /flex_photo.png">
<img src="/home/atlantismonk/桌面 /box1.png">
<img src="/home/atlantismonk/桌面 /box8.png">

2593 次点击
所在节点    前端优化
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/241852

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX