首页 > Web开发 > 详细

一行排奇数列的HTML排版

时间:2015-11-02 22:35:07      阅读:218      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!