1

サムネイルを動的に配置したいのですが、どうすればよいですか？

私は次のコードを持っています：

HTML

      <div class="row-fluid">
        <ul class="thumbnails">

         <uc1:loadUsers runat="server" ID="loadUsers" />

        </ul>
      </div>

ASP.NET

これはUserControlです

_strは、これをHTMLに変換するリテラルコントロールに追加される文字列です。

                    _str =  "<li class='span3'>"
                        + "<div class='thumbnail'>"
                        + "<div class='caption'>"

                        + "<h3>" + _name + "</h3>"
                        + "<ul>"
                        + "<li><h5>" + _other + "</h5></li>"
                        + "<li><h5>" + _other + "</h5></li>"
                        + "<li><h5><img src='" + _imagePath + "'" + _size + " /> " + _other + "</h5></li>"
                        + "<br><li>"
                        + "<div class='btn-group'><button class='btn btn-info'>Options</button><button class='btn btn-info dropdown-toggle' data-toggle='dropdown'><span class='caret'></span></button><ul class='dropdown-menu'>"
                        + "<li><a href='users.aspx?delete=" + _id + "'><i class='icon-fire'></i> Delete</a></li>"
                        + "<li><a href='users.aspx?edit=" + _id + "'><i class='icon-edit'></i> Edit</a></li>"
                        + "</ul></div>"
                        + "</li>"
                        + "</ul>"

                        + "</div>"
                        + "</div>"
                        + "</li>";

class ='row-fluid'がアライメントの原因であることを知っていますが、どのように動的に使用できますか？

ご覧のとおり、サムネイルが整列しておらず、完全に整列したままにしておきたい

4

1 に答える 1

1

問題は、挿入<li>していたのですが、HTMLにはがありませんでした<ul>。これが、動的に定式化されていない理由です。だから私は<div></div>ダイナミックコントロールの最初と最後に挿入しました。

私はこれを簡単に解決しました：

_str =  "<div><li class='span3'>"
                    + "<div class='thumbnail'>"
                    + "<div class='caption'>"

                    + "<h3>" + _name + "</h3>"
                    + "<ul>"
                    + "<li><h5>" + _other + "</h5></li>"
                    + "<li><h5>" + _other + "</h5></li>"
                    + "<li><h5><img src='" + _imagePath + "'" + _size + " /> " + _other + "</h5></li>"
                    + "<br><li>"
                    + "<div class='btn-group'><button class='btn btn-info'>Options</button><button class='btn btn-info dropdown-toggle' data-toggle='dropdown'><span class='caret'></span></button><ul class='dropdown-menu'>"
                    + "<li><a href='users.aspx?delete=" + _id + "'><i class='icon-fire'></i> Delete</a></li>"
                    + "<li><a href='users.aspx?edit=" + _id + "'><i class='icon-edit'></i> Edit</a></li>"
                    + "</ul></div>"
                    + "</li>"
                    + "</ul>"

                    + "</div>"
                    + "</div>"
                    + "</li></div>";
于 2013-02-06T16:00:06.623 に答える