码迷,mamicode.com
首页 > Web开发 > 详细

一行排奇数列的HTML排版

时间:2015-11-02 22:37:43      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

<%if (listno != null)
              { %>
            <div class="MissWContent box">
                <%if (listno.Count > 0)
                  { %>
                <div class="hgl_title box">
                    <h2>Title</h2>
                    <div>Title Description</div>
                </div>
                <!--one block start-->
                <div class="xiaowenzi_body box">
                    <%
                        int loop = 2;//一行3个
                        for (int i = 0; i < listno.Count; i++)
                        {
                            if (i == loop)
                            {
                                loop += i+1;
                    %>
                    <div class="xiaowenzi_item box" style="margin-right: 0px;">
                        <%}
                            else
                            {
                                %>
                        <div class="xiaowenzi_item box">
                            <%} %>
                            <a href=‘/xiaowenzi/<%=listno[i].KID %>‘ target="_blank">
                            <div class="item_pic box">
                                    <img src=‘<%=listno[i].KImg %>‘ alt=‘<%=listno[i].KName %>‘ />
                            </div>
                            <div class="item_title">
                                    <%=listno[i].KName %>
                            </div>
                            </a>
                        </div>
                        <%
                            }
                        %>
                    </div>
                    <div>
                    <a class="more" href="/words" title="其他文字">Other words……</a>
                    </div>
                    <!--one block end-->
                    <%} %>
                </div>
                <%} %>

 

一行排奇数列的HTML排版

标签:

原文地址:http://www.cnblogs.com/hougelou/p/4931385.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!