Показывать данные внутри панели в одной строке - PullRequest
Новая
       7

Показывать данные внутри панели в одной строке

0 голосов
/ 09 октября 2011

У меня есть панель, внутри которой я показываю некоторые данные ... проблема сейчас в том, что когда я запускаю ее, другие данные отображаются в другой строке 

 <asp:Panel ID="PanelContainer" runat="server" Width="100%" >
 <asp:Panel ID="PanelHeaderList" runat="server" Width="15px" Height="15px">
                                    <div style="float:left;" >
                                    <asp:ImageButton ID="Image1" runat="server" ImageUrl="~/ico/expand.png" AlternateText="Expand or Collapse"/>
                                    </div>
                                     </asp:Panel>
                                    <div style="float:left;width:80%;" >       
                                        <asp:CheckBox ID="CheckBoxSelect" runat="server"  AutoPostBack="true" OnCheckedChanged="GroupCheckChanged" />            
                                    <asp:Label ID="Grp_NameLabel" runat="server" Text='<%# Eval("Grp_Name") %>' />
                                    <asp:HiddenField ID="hfGrpID" runat="server" Value='<%#Eval("Grp_ID") %>' />
                                    </div>
            </asp:Panel>

Теперь в этом мне нужно показать изображение, флажок и данные в одной строке. Как я могу добиться этого ??

1 Ответ

1 голос
/ 09 октября 2011

Вспомните, какой HTML-элемент генерирует панель, и как вы всегда можете изменить это, используя атрибут CssClass и пользовательскую таблицу стилей.

Итак, если вы хотите стилизовать вашу панельчтобы быть элементом, который плавает влево (сохраняя внешний вид в одну строку), вы могли бы: 

.single-line-panel { display: inline-block; float: left; }

<asp:Panel CssClass="single-line-panel" ...> ... </asp:Panel>
...