Позиционирование с использованием css float с нечетным числом элементов - PullRequest
0 голосов
/ 19 апреля 2019

Ниже приведена моя структура XML, к которой я пытаюсь применить стили с помощью CSS.А для позиционирования я должен использовать поплавки.Я знаю о лучших путях, но в этом случае я должен делать это с помощью поплавков.(Имеет четное число <Class> блоков элементов)

<College>
<Class>
    <Module>Class 0</Module>
    <Students>
        <Student>
            <Name>Student 0</Name>
                <Email>s0@example.com</Email>
        </Student>
    </Students>
</Class>
<Class>
    <Module>Class 0</Module>
    <Students>
        <Student>
            <Name>Student 0</Name>
                <Email>s0@example.com</Email>
        </Student>
    </Students>
</Class>
<Class>
    <Module>Class 1</Module>
    <Students>
        <Student>
            <Name>Student 1</Name>
                <Email>s1@example.com</Email>
        </Student>
    </Students>
</Class>

<Class>
    <Module>Class 2</Module>
    <Students>
        <Student>
            <Name>Student 2</Name>
                <Email>s2@example.com</Email>
        </Student>
    </Students>
</Class>

<Extra>
    <Class>
        <Module>Class 3</Module>
        <Students>
        <Student>
            <Name>Student 3</Name>
                <Email>s3@example.com</Email>
        </Student>
            <Student>
            <Name>Student 4</Name>
                <Email>s4@example.com</Email>
        </Student>
    </Students>
    </Class>
    <Class>
        <Module>Class 4</Module>
        <Students>
        <Student>
            <Name>Student 4</Name>
                <Email>s4@example.com</Email>
        </Student>
            <Student>
            <Name>Student 5</Name>
                <Email>s5@example.com</Email>
        </Student>
    </Students>
    </Class>
</Extra>

enter image description here

А ниже приведен код с нечетным номеромиз <Class> элементных блоков

<College>
<Class>
    <Module>Class 0</Module>
    <Students>
        <Student>
            <Name>Student 0</Name>
                <Email>s0@example.com</Email>
        </Student>
    </Students>
</Class>
<Class>
    <Module>Class 1</Module>
    <Students>
        <Student>
            <Name>Student 1</Name>
                <Email>s1@example.com</Email>
        </Student>
    </Students>
</Class>

<Class>
    <Module>Class 2</Module>
    <Students>
        <Student>
            <Name>Student 2</Name>
                <Email>s2@example.com</Email>
        </Student>
    </Students>
</Class>

<Extra>
    <Class>
        <Module>Class 3</Module>
        <Students>
        <Student>
            <Name>Student 3</Name>
                <Email>s3@example.com</Email>
        </Student>
            <Student>
            <Name>Student 4</Name>
                <Email>s4@example.com</Email>
        </Student>
    </Students>
    </Class>
    <Class>
        <Module>Class 4</Module>
        <Students>
        <Student>
            <Name>Student 4</Name>
                <Email>s4@example.com</Email>
        </Student>
            <Student>
            <Name>Student 5</Name>
                <Email>s5@example.com</Email>
        </Student>
    </Students>
    </Class>
</Extra>

Создает следующий вывод: enter image description here

Почему проектное разбиение на нечетное числоэлементов?Какой лучший способ добиться такого позиционирования с помощью поплавков.Моя цель - расположить <Classs> элементов блоков поочередно слева и справа.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...