1

I have a Metro application which contains 2 listviews with some list items. These 2 list views are by default coming one below the other, every time when I add one more listview to my page all are displaying one below the other. The problem is I don't want to display those listviews horizontally. I want them to be displayed side by side. So, can anyone help me in how to arrange listviews side by side which will have look of Metro apps.

Thank you.

4

1 に答える 1

1

CSS

.ms-grid
{
    display: -ms-grid;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr 1fr;
}

HTML

<div class="ms-grid">
    <div data-win-control="WinJS.UI.ListView"></div>
    <div data-win-control="WinJS.UI.ListView" style="-ms-grid-column: 2;"></div>
</div>
于 2012-08-14T20:43:02.227 に答える