mix float-span() и grid-span() в том же контексте?

Question

Ahoy все,

У меня есть простой пример, который смешивает float-span и grid-span Примеси в контексте же сетки (то есть одинаковое количество столбцов в одной строке)

http://sassbin.com/gist/7812502/

как вы можете видеть , у меня есть 3 элемента, которые я хочу распределить равномерно подряд. я использую float-span с first и last вариантами на пунктах 1 и 3, чтобы они сидели в начале и в конце строки соответственно, и это работает так, как ожидалось. для среднего элемента, который я хочу центрировать, я предположил, что могу использовать grid-span с правильным местоположением, чтобы иметь 2-й элемент посередине. однако, происходит то, что начинается подсчет местоположения для grid-spanпосле столбец, занятый первым плавающим элементом. это ожидаемое поведение? Другими словами, допустимо ли смешивать float-span и grid-span в том же контексте/строке сетки? а если нет, то какой предпочтительный способ в Сингулярности для достижения того же?

Я искал документацию по вики, в частности раздел по spanning the grid, но не нашел никаких утверждений в любом случае. и демонстрации, похоже, не используют float-span и grid-span вместе.

спасибо, как обычно, за уникальность и за любую помощь.

мир

PS. я уже пробовал использовать смесь isolation-span вместо grid-span с теми же результатами.

Answer 1

Не рекомендуется смешивать выходные стили, такие как float и изоляция в одной и той же сетке. Вы должны выбрать изоляцию или поплавки и придерживаться ее.

Вот ваш sassbin подправили немного: http://sassbin.com/gist/7815953/