اینکار را باید با Css انجام بدید

به  Div یا المان هایی که Repeater تکرار میکنه باید استایل بدید

مثلا Height را Auto کنید و ...

خوب ببینید مگه نباید توی Item Template قرار داد ؟ 

<asp:Repeater id="Countries" runat="server">
    <HeaderTemplate>
         ...
    </HeaderTemplate>
    <ItemTemplate>
         ...
     </ItemTemplate>
     <FooterTemplate>
         ...
      </FooterTemplate>
</asp:Repeater>

خوب وقتی توی Item Template میذارم همون مدلی تکرار می کنه. من می خوام اول یه خبر با عکس بزرگ بعد سه تا خبر کنار هم زیرش و بعد هم خط به خط . ( دقیقا مثل خبرگزاری مهر )

( منظورم اینه که 3 مدل نمایش اخبار میخوام )

چرا درسته

ولی باید گروه بندی کنید

مثلا داخل ItemTemplate یک Div بزارید و بقیه المان ها را داخل اون و به Div استایل بدید

فکر می کنم یا من متوجه نمیشم یا نمی تونم خوب سوالم رو توضیح بدم :

ببینید وقتی از repeater استفاده میشه شکل زیر تولید میشه :

من می خوام اول یه همچین چیزی رو صفحه باشه :

بعدش اینطوری 

و بعدش سطری پشت سر هم .

که در نهایت این بشه :

مواردی را که شما در بالا آوردید سه بخش جداگانه و سه ul > li جدا هستند که هرکدام css جداگانه خود را دارند :

ولی برای اینکه شما بتوانید یکسری li یا هر المنت دیگری که پشت سر هم قرار دارند را با چند css جداگانه طراحی کنید می توانید از شبه کلاس ها ی nth استفاده کنید به مثال زیر توجه کنید :

کدهای CSS :

    <style>
        ul.box {
            background: #fff;
            color: #000;
        }

            ul.box > li {
                display: list-item;
                background: #fff;
                color: #000;
                padding: 2px;
            }

                ul.box > li:nth-child(1) {
                    background-color: #0f0;
                    color: rosybrown;
                }

                ul.box > li:nth-child(2),
                ul.box > li:nth-child(3),
                ul.box > li:nth-child(4) {
                    background-color: #00f;
                    color: white;
                }
    </style>

کد های HTML :

<ul class="box">
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
        <li>asd asdkh aksjdhkjash dkjashdkjash dkjashdkjahkjdhkas dhkjash dkjash dkjahs kjdhaskj dh</li>
    </ul>

ممنونم. در مورد استفاده از repeater چطور ؟

من به این نتیجه رسیدم که باید 2 تا repeater  جدا داشته باشم. اولی که repeater نمیخواد. برای 3 تای زیر یک repeater و برای مابقی یک repeater دیگه.

درسته ؟

بله می تونید به این شکل که میگید با دوتا Repeater این کار رو انجام بدید.