Что такое main axis

Main Axis

The main axis in flexbox is defined by the direction set by the flex-direction property. There are four possible values for flex-direction . These are:

• row
• row-reverse
• column
• column-reverse

Should you choose row or row-reverse then your main axis will run along the row in the inline direction.

Choose column or column-reverse and your main axis will run top to bottom of the page in the block direction.

On the main axis you can control the sizing of flex items by adding any available space to the items themselves, by way of flex properties on the items. Or, you can control the space between and around items by using the justify-content property.

See also

Property reference

Further reading

• CSS Flexbox Guide:
  • Basic Concepts of Flexbox
  • Aligning items in a flex container
  • Controlling Ratios of flex items along the main axis

  Что такое main axis

  The sea season starts here already in May now, and it will last at least until the end of September, whereas for the rest of the period Batumi will be animated and filled with energy

  and economic activity
  [. ] by a very large group of students, the main axis of which will precisely be this academy [. ]
  – a large international academy.
  president.gov.ge
  Морской сезон начинается здесь уже с мая и продолжается, минимум, до конца сентября, в остальное
  время, Батуми будет

  [. ] оживлять, и придавать ему энергию и экономическую активность большая группа студентов, главной [. ]

  осью которой будет
  именно эта академия – крупная международная академия.
  president.gov.ge
  The main axis of resort life [. ]
  in Haapsalu, where even the members of the Russian Imperial Family used to spend the summer

  since the second half of the 19th century was the nearly one-kilometre-long Great Promenade, which linked a resort hall, various drink and music pavilions and reading maisonettes.

  haapsalukuursaal.ee
  В Хаапсалу, который со второй половины [. ]
  19 столетия стал частым местом проведения летнего отдыха членов царской фамилии,

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

  haapsalukuursaal.ee
  Forex trend may be upward, downward, or flat
  [. ] (directional price movement parallel to the main axis of the price chart.
  forexcent.com
  Форекс тренд может быть восходящим, нисходящим или флетом
  [. ] (направленное движение цены параллельно главной оси графика цены).
  forexcent.com
  The main axis of the report includes a selection professions, [. ]
  competence types or single competences and their actual levels,
  required levels and the difference between the levels.
  innomet.org
  На основной оси отчёта можно выбрать профессии, типы [. ]
  компетенций или единичные компетенции, а также их действительные уровни,
  необходимые уровни и различия между уровнями.
  innomet.org

  To summarize, GNSS receivers, automatic total stations, and precise inclinometers must all refer to the same reference frame, where the gravity vertical is the most sensitive component as the building’s main axis reference.

  leica-geosystems.ru

  Иными словами, измерения спутниковых приемников, тахеометров и датчиков наклона необходимо свести к единой координатной основе.

  leica-geosystems.ru
  With the treble unit mounted at the centre of the bass driver’s
  cone, its directivity (the
  [. ] spread of sound away from the main axis) is governed by the angle of [. ]
  the cone, which also largely
  determines the directivity of the bass driver.
  Так как высокочастотный излучатель установлен в центре диффузора
  низкочастотного динамика, его
  [. ] направленность (распространение звука вне главной оси излучения) определяется [. ]
  углом диффузора, который также
  в значительной степени определяет направленность самого низкочастотного излучателя.
  (b) The leading edge above point “k” is a
  line passing through point
  [. ] “k”, running parallel to the main axis of the rudder gudgeon and pintle [. ]
  upwards to deck level.
  moscow-finnclass.ru
  (b) Передняя кромка выше
  точки «к» есть прямая линия,
  [. ] проходящая через точку «к» параллельно главной оси верхнего и нижнего [. ]
  штырей пера вверх до уровня палубы.
  moscow-finnclass.ru

  Sliding fit — method of fixing where the piping cannot move from the mains axis, however it can move and dilate axially inside a loose clamp (pict. 4), laying [. ]

  of piping in a trough (pict. 5) and installation
  under plaster with use of an insulation (pict. 6).
  pipelife.cz
  Скользящая опора — способ

  [. ] крепления, где трубопровод не может отклоняться от оси проводки, но может при тепловом расширении перемещаться вдоль оси в свободном хомуте (рис. 4), укладка труб в лотке [. ]

  (рис. 5) и укладка
  труб под штукатуркой с использованием изоляции (рис. 6).
  pipelife.cz
  The centre works in collaboration with Arab universities on awareness, training
  [. ] and development axis of FOSS.
  unesdoc.unesco.org
  Этот центр сотрудничает с
  университетами арабских стран в вопросах повышения осведомленности,
  [. ] профессиональной подготовки и вектора развития [. ]
  unesdoc.unesco.org
  One of the main goals of the Small Islands Voice (SIV) [. ]
  project is to optimise the use of ICTs so that the views of the general
  public are heard, and that these views work as a driving force for development in the islands.
  unesdoc.unesco.org
  Одна из основных целей проекта «Голос малых островов» [. ]
  (ГМО) заключается в оптимизации использования ИКТ, с тем чтобы можно

  было услышать мнения широких кругов общественности и чтобы эти мнения использовались в качестве движущей силы развития этих островов.

  unesdoc.unesco.org

  It recommended (a) the declaration of a moratorium on the death penalty as a first step towards its abolition, in compliance

  with General Assembly resolution
  [. ] 62/149; (b) ratifying the main international human rights [. ]
  instruments, especially the International

  Covenant on Civil and Political Rights, the International Covenant on Economic, Social and Cultural Rights and the Convention against Torture.

  daccess-ods.un.org
  Она рекомендовала: а) объявить, в соответствии с резолюцией 62/149 Генеральной
  Ассамблеи, мораторий на смертную
  [. ] казнь в качестве первого шага к ее отмене; b) ратифицировать [. ]
  основные международные договоры

  по правам человека, в частности Международный пакт о гражданских и политических правах, Международный пакт об экономических, социальных и культурных правах и Конвенцию против пыток.

  daccess-ods.un.org

  The two-day event on the eve of the World Summit brought together eminent political and intellectual world leaders, among them four heads of State (Latvia, Mozambique,

  Nigeria, the Former Yugoslav
  [. ] Republic of Macedonia) to debate main implications and challenges for [. ]
  the construction of knowledge societies.
  unesdoc.unesco.org

  В этом двухдневном мероприятии, проводившемся накануне Всемирного саммита, приняли участие видные политические и интеллектуальные мировые лидеры, в том числе четыре главы государства

  (Латвии, Мозамбика, Нигерии,
  [. ] бывшей югославской Республики Македонии) для обсуждения основных последствий [. ]
  и проблем построения обществ знаний.
  unesdoc.unesco.org
  The United States also named the Democratic People’s Republic of Korea as one of
  [. ] three countries in an axis of evil, along with [. ]
  Iran and Iraq.
  daccess-ods.un.org
  Соединенные Штаты также называли Корейскую Народно-Демократическую Республику
  [. ] одной из трех стран «оси зла», наряду с Ираном [. ]
  daccess-ods.un.org
  Also, in emphasizing
  [. ] the importance of the States/persons axis, the Special Rapporteur referred extensively [. ]
  to the jurisprudence

  of the International Court of Justice, but he could have included many other examples. In fact, there were entire bodies of international law — international human rights law, and, to a certain extent, international humanitarian law and international environmental law — that were based on the relationship between States and persons.

  daccess-ods.un.org
  С другой стороны,
  подчеркивая значение сферы
  [. ] отношений «государства/лица», Специальный докладчик активно ссылается на практику [. ]
  Международного Суда,

  хотя можно привести и множество других примеров, учитывая, что на отношениях «государства/лица» выстроены целые области международного права – например, международное право прав человека и в некоторой степени – международное гуманитарное право и международное экологическое право.

  daccess-ods.un.org
  In particular, within the framework of European Social Fund
  [. ] PON GAS 2007– 2013 Axis D equal opportunities [. ]
  and non discrimination, the following

  action, to be managed directly by UNAR, has been envisaged: “promotion of the governance of policies and tools for social inclusion and fight against discrimination of Rom, Sinti and Camminanti communities”.

  daccess-ods.un.org
  В частности, в рамках
  [. ] Европейского социального фонда ПОН ГАС 2007−2013, направление [. ]
  D, равные возможности и недискриминация,

  предусмотрен следующий раздел, который будет осуществляться непосредственно под руководством ЮНАР: «Поощрение разработки политики и инструментов для социальной интеграции и борьбы с дискриминацией представителей общин рома, синти и камминанти».

  daccess-ods.un.org
  In the vertical axis, a system replacement to the next smallest [. ]
  system is possible without impairing the load capacity.
  Можно в любое время
  [. ] выполнить смену системы по вертикальной оси на систему на один [. ]
  размер меньше без ущерба для нагрузки.
  Having the National Employment and Decent
  [. ] Work Plan as its axis, the present [. ]
  report sets out an analysis of the Government

  policies and programmes that contributed to the partial or full accomplishment of the Millennium Development Goals and targets, which are intrinsically linked, and what challenges need to be faced and overcome in order to eradicate poverty in Brazil.

  daccess-ods.un.org
  С опорой на Национальный план по [. ]
  обеспечению занятости и достойной работы, в настоящем докладе приводятся результаты анализа

  осуществляемых правительством стратегий и программ, которые способствовали либо частичному, либо полному достижению целей и задач в области развития, сформулированных в Декларации тысячелетия, которые являются неразрывно связанными между собой, и содержится обзор проблем, с которыми приходится сталкиваться и которые предстоит преодолеть для искоренения в Бразилии нищеты.

  daccess-ods.un.org

  The plane, which contains the horizontal axis of the hinge between conjoined rigid sections of the vehicle, and perpendicular to the longitudinal axis of a vehicle, when it moves straight, shall be considered as the border between sections.

  daccess-ods.un.org
  Границей между

  [. ] секциями следует считать плоскость, которая содержит горизонтальную ось шарнира между смежными жесткими секциями транспортного средства и проходит перпендикулярно продольной оси транспортного средства при его движении по прямой линии.

  daccess-ods.un.org
  It therefore follows the structure
  of the Work Plan and for each part,
  [. ] it highlights(a) the main achievements induced [. ]
  by the reform; (b) work directions which

  have been taken but which require further strengthening in their implementation; and (c) new work directions which are in line with the reform and which could be envisaged in view of recent developments and important challenges in the region.

  daccess-ods.un.org
  Исходя из этого, он по своей
  структуре соответствует Плану работы и в
  [. ] отношении каждой части в нем описываются: а) основные [. ]
  достижения осуществляемой реформы;

  b) направления работы, которые были начаты, но которые требуют дальнейшего укрепления их осуществления; и c) новые направления работы, которые согласуются с реформой и которые могут быть предусмотрены с учетом последних изменений и важных вызовов в регионе.

  daccess-ods.un.org

  Colombia stressed that victims are the central axis of the whole Justice and Peace Law process and that 168,000 persons had come forward to make claims as victims.

  daccess-ods.un.org

  Колумбийская делегация подчеркнула, что интересы жертв лежат в основе процесса, запущенного после принятия Закона о справедливости и мире, и что 168 000 человек заявили о себе как о жертвах.

  daccess-ods.un.org

  The Renishaw RMP600 is a compact, high accuracy touch probe with radio signal transmission, offering all the benefits of automated job

  set-up, plus the ability to measure complex 3D part geometries on all sizes of machining
  [. ] centres including 5—axis machines.
  renishaw.com

  RMP600 компании Renishaw представляет собой компактный, прецизионный контактный датчик с передачей сигналов по радиоканалу, который даёт возможность выполнять автоматизированную наладку на технологические операции, а также осуществлять 3-мерные

  измерения деталей сложной геометрической формы на обрабатывающих центрах любых
  [. ] габаритов, в том числе на 5-координатных [. ]
  renishaw.ru
  With all other ramp types, you can only change the speed and the ramp time when the drive is at
  [. ] standstill or if the axis is not enabled.
  download.sew-eurodrive.com
  При остальных формах генератора темпа скорость и значение темпа можно изменить только во
  [. ] время остановки или блокировки привода.
  download.sew-eurodrive.com

  It no longer relies solely on Russian largesse and has some scope for manoeuvre well beyond the axis with its patron.

  crisisgroup.org

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

  crisisgroup.org
  As a result, they returned early in February to their positions
  [. ] along the Hombo-Walikale axis, where the Group has witnessed [. ]
  their multiple illegal taxation barriers.
  daccess-ods.un.org
  В результате этого в начале
  [. ] февраля они вернулись на свои позиции вдоль оси Омбо-Валикале, [. ]
  где, как непосредственно на месте
  убедились члены Группы, они создали большое число незаконных пунктов налогообложения.
  daccess-ods.un.org

  In a university program, the development of journalism practice (the first axis) is informed and enriched by the study of journalism in society (the second axis) and by the acquisition of the methods and content marking modern knowledge through courses in other disciplines (the third axis).

  unesdoc.unesco.org

  Развитие журналистского мастерства (первое направление) в университетских программах подкрепляется и обогащается за счет курсов, касающихся общественных аспектов журналистики (второе направление), и за счет усвоения методов и содержания, характеризующих современный уровень знаний, благодаря курсам по другим дисциплинам (третье направление).

  Что такое Flexbox

  

  При создании макетов сайтов часто приходится решать ряд тривиальных задач, связанных с выравниванием и размещением блоков на странице. Существует огромное количество решений данных задач, но зачастую они требуют большого количества строк кода и не являются универсальными. В CSS3 появилась спецификация Flexbox, призванная облегчить жизнь разработчиков при решении задач по разработке макетов страниц.

  О статье

  Данная статья предназначена для разработчиков, имеющих опыт работы с HTML и CSS. Имеющих опыт разработки сайтов с адаптивной вёрсткой.

  В данной статье рассмотрено понятие flexbox: для чего используется данный модуль, его основные свойства, примеры использования, преимущества и недостатки использования данного подхода. Также представлен сравнительный анализ flexbox и других инструментов.

  Описание

  Flexbox (CSS Flexible Box Layout Module) — CSS-модуль, созданный для горизонтального и вертикального выравнивания, задания направления и порядка блоков в контейнере, даже когда их размер неизвестен или изменяется динамически. Flexbox объединяет множество свойств, с помощью которых задача создания адаптивных макетов становиться более простой. Отличительной чертой Flexbox является возможность изменения размеров вложенных html элементов, с целью как можно лучше заполнить всю доступную область родительского элемента. Также можно сделать все колонки в макете одинаковой высоты, даже если размер контента в них отличается.

  Использование

  Чтобы начать использовать возможности Flexbox, нам нужно определить html элемент как flex-контейнер. Для создания flex-контейнера необходимо установить параметру display одно из значений:

  • flex — при недостаточной ширине блоков контент может выходить за границы контейнера.
  • inline-flex — приоритет у содержимого (размер блоков изменяется до необходимой ширины, чтобы блоки по возможности поместились в контейнере).

  Все html элементы находящиеся внутри flex-контейнера являются дочерними.

  Рассмотрим основные свойства спецификации Flexbox.

  Свойства для flex-контейнера

  flex-direction

  Во flex-контейнере все дочерние элементы располагаются вдоль одной из осей:

  

  • Главная ось (main axis) — ось, проходящая в том направлении, вдоль которого расположены flex-элементы. Начало данной оси называется main start, конец — main-end.
  • Поперечная ось (cross axis) — ось, проходящая перпендикулярно главной оси. Начало оси — cross start, конец — cross end.

  С помощью свойства flex-direction задаётся главная ось, вдоль которой будут размещены дочерние блоки.

  Данное свойство имеет следующие значения:

  • row — блоки располагаются вдоль главной оси, слева направо (значение по умолчанию).

  

  • row-reverse — блоки располагаются вдоль главной оси, справа налево.

  

  • column и column-reverse — задают расположение блоков вдоль поперечной оси. Параметр column — сверху вниз, column-reverse — снизу вверх.

  justify-content

  Данное свойство определяет выравнивание блоков относительно главной оси. Оно имеет следующие значения:

  • flex-start — блоки выравниваются относительно начала главной оси (значение по умолчанию).

  

  • flex-end — блоки выравниваются относительно конца главной оси.

  

  • center — блоки выравниваются по центру главной оси.

  

  • space-between — первый блок располагается в начале главной оси, последний блок — в конце главной оси, остальные блоки равномерно распределены в оставшемся пространстве.

  

  • space-around — блоки равномерно распределены вдоль главной оси.

  

  align-items

  Определяет выравнивание блоков относительно поперечной оси.

  • flex-start — блоки выравниваются относительно начала поперечной оси.

  

  • flex-end — блоки выравниваются относительно конца поперечной оси.

  

  • center — блоки выравниваются по центру поперечной оси.

  

  • baseline — блоки выравниваются по базовой линии поперечной оси.

  

  • stretch — блоки растягиваются и занимают все пространство по поперечной оси (значение по умолчанию).

  flex-wrap

  Блоки внутри flex-контейнера могут располагаться одной строкой или множеством строк. Для задания данного параметра используется свойство flex-wrap.

  • nowrap — блоки располагаются одной строкой (значение по умолчанию).

  

  • wrap — многострочный режим расположения блоков.

  

  • wrap-reverse — многострочный режим расположения блоков. Блоки располагаются в обратном порядке.

  

  flex-flow

  Свойство flex-flow позволяет задать направление блоков вдоль одной из осей и многострочность расположения блоков (flex-direction и flex-wrap).

  Пример полной записи:

  align-content

  align-content используется для управления выравниванием строк относительно поперечной оси. Данной свойство работает только в многострочном режиме ( flex-wrap: wrap; или flex-wrap: reverse-wrap; ). Доступные значения:

  • flex-start — строки выравниваются относительно начала поперечной оси.

  

  • flex-end — строки выравниваются относительно конца поперечной оси.

  

  • center — строки выравниваются по центру поперечной оси.

  

  • space-between — первая строка блоков располагается в начале поперечной оси, последняя строка блоков — в конце поперечной оси, остальные сроки равномерно распределены в оставшемся пространстве.

  

  • space-around — строки блоков равномерно распределены от начала до конца поперечной оси.

  

  • stretch — строки блоков растягиваются и занимают все пространство по поперечной оси (значение по умолчанию).

  

  Свойства для дочерних элементов flex-контейнера

  flex-basis

  Данное свойство задаёт начальный размер блока относительно главной оси. Для установки значения flex-basis используются единицы измерения длины (px, em, % и др.) или auto (по умолчанию). Значение auto Ниже, на примере, для зелёного блока установлен параметр flex-basis: 200px; , для синих — flex-basis: 100px; :

  

  flex-grow

  Определяет, во сколько раз блок может быть больше, чем соседние блоки. Данное свойство задаётся числом (по умолчанию 0). Ниже, на примере, для зелёного блока установлено свойство flex-grow: 2; , ширина синих блоков — 100px, т. е. ширина зелёного блока будет в 2 раза больше (200px):

  

  flex-shrink

  flex-shrink определяет, во сколько раз будет уменьшаться блок относительно соседних блоков в случае недостаточного места. Данное свойство задаётся числом (по умолчанию 1). Ниже, на примере, для зелёного блока установлен flex-shrink: 5; :

  

  flex

  Данное свойство является сокращённой записью для свойств flex-grow, flex-shrink и flex-basis.

  Пример полной записи:

  Краткая запись с помощью flex:

  align-self

  Данное свойство используется для выравнивания блока относительно поперечной оси.

  Данное свойство имеет следующие значения:

  • auto — значение по умолчанию. Блок использует align-items flex-контейнера.

  

  • flex-start — блок располагается относительно начала поперечной оси.

  

  • flex-end — блок располагается относительно конца поперечной оси.

  

  • center — блок располагается по центру поперечной оси.

  

  • baseline — блок выравнивается по базовой линии поперечной оси.

  

  • stretch — блок растягивается и занимает всё пространство по поперечной оси.

  .flex-item:hover
  align-self: stretch/*растягиваем при наведении*/
  >

  

  order

  Во flex-контейнере блоки располагаются друг за другом, в порядке, заданном html. Однако данный порядок можно изменить. Для этого используется свойство order. Данное свойство задаёт порядковый номер позиции элемента. Значение задаётся целым числом (по умолчанию 0). Ниже, на примере, для зелёного блока задано свойство order: 2; , а для синих — order: 1; , так как зелёный блок имеет больший вес позиции, чем остальные блоки, то он располагается в конце:

  

  Преимущества использования Flexbox

  1. Блоки легко становятся адаптивными в зависимости от доступного пространства и свойств.
  2. Возможность для вертикального и горизонтального выравнивания блоков.
  3. Гибкое управление расположением блоков без изменения их порядка в html коде.
  4. Блоки могут автоматически выстраиваться в несколько строк/столбцов, занимая всё свободное пространство.
  5. Возможность простой адаптации html страницы под языки с написанием справа налево и автоматическим расположением html элементов в правильном порядке.
  6. Простой и понятный синтаксис который довольно быстро осваивается.

  Поддержка браузерами

  Flexbox поддерживается всеми современными браузерами.

  

  Сравнение с другими инструментами

  Grid Layout

  CSS Grid Layout представляет двумерную сетку для CSS. Grid Layout можно использовать для размещения основных областей страницы или небольших элементов пользовательского интерфейса.

  Grid Layout представляет собой пересекающийся набор горизонтальных и вертикальных линий — один набор определяет столбцы, а другой строки. Элементы могут быть помещены в сетку, соответственно строкам и столбцам.

  Сравнение Grid Layout и Flexbox

  • Grid Layout отлично подходит для построения больших элементов сайта. Данный подход облегчает управление макетом страницы и создание асимметричных проектов. Flexbox же отлично подходит для выравнивания содержимого внутри элементов. Чаще всего используется для размещения мелких деталей проекта.
  • Grid Layout используется для создания 2D-макетов (работа со строками и столбцами). Flexbox работает лучше только в одном измерении (строки или столбцы).

  Примеры размещения нескольких блоков с помощью Flexbox и Grid Layout:

  Flexbox:

  

  Grid Layout:

  

  • Flexbox намного опережает Grid Layout в поддержке браузерами. Будучи новым, Grid Layout имеет меньшую поддержку браузерами, чем Flexbox.

  В основном Grid Layout и Flexbox используются как взаимодополняющие друг друга инструменты.

  Float Layout

  Один из методов создания разметки веб-страниц основывается на свойстве float. По существу, свойство float берёт элемент, убирает его из обычного потока страницы и позиционирует слева или справа от родительского элемента. Все остальные элементы на странице будут обтекать такой элемент. Например, абзацы будут обтекать изображение, если для элемента установлено свойство float.

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

  Сравнение Float Layout и Flexbox

  • Многострочная разметка. Через float элементы могут только располагаться по левому краю (через float: left; ) либо по правому краю (через float: right; ) с необходимостью инвертировать порядок расположения элементов. В Flexbox это достигается через установку контейнера flex-wrap: wrap; или flex-wrap: wrap-reverse; .
  • Расположение элементов в столбец. C помощью float нельзя задавать расположение элементов в колонку. В Flexbox такая возможность есть — flex-direction: column; или flex-direction: column-reverse; .
  • C помощью float нельзя горизонтально центрировать элементы. В Flexbox — justify-content: center; .
  • Чтобы расположить элементы по правую сторону, нужно их инвертировать в разметке (расположить в обратном порядке), присвоив им float: right; . Для flexbox-контейнера достаточно присвоить justify-content: flex-end; и нет необходимости располагать разметку в обратном порядке.
  • В Float Layout нет никакого способа менять расположение элементов, не меняя разметку. С помощью flexbox можно либо инвертировать расположение элементов, с помощью присвоения контейнеру flex-direction: row-reverse; , либо задать flex-элементу параметр order.
  • С помощью float невозможно гарантировать нахождение элементов на одной строке. В flexbox такое поведение заложено по умолчанию ( flex-wrap: nowrap; установлено по умолчанию) и элементы не буду переноситься на новую строку без явного указания контейнеру flex-wrap: wrap; (или в редком случае flex-wrap: wrap-reverse; ).
  • Нет никакой возможности контролировать расположение элементов по вертикали. Всё выравнивается «по верху» без возможности на это повлиять. Также нельзя установить элементам одинаковую высоту без установления фиксированной высоты для всех. В flexbox есть возможность установить вертикальное расположение как всем элементам, так и индивидуально элементу. Всем — устанавливаем контейнеру align-items, индивидуально — устанавливаем элементу align-item.

  Заключение

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

  What does `ValueError: cannot reindex from a duplicate axis` mean?

  I am getting a ValueError: cannot reindex from a duplicate axis when I am trying to set an index to a certain value. I tried to reproduce this with a simple example, but I could not do it. Here is my session inside of ipdb trace. I have a DataFrame with string index, and integer columns, float values. However when I try to create sum index for sum of all columns I am getting ValueError: cannot reindex from a duplicate axis error. I created a small DataFrame with the same characteristics, but was not able to reproduce the problem, what could I be missing? I don’t really understand what ValueError: cannot reindex from a duplicate axis means, what does this error message mean? Maybe this will help me diagnose the problem, and this is most answerable part of my question.

  ipdb> type(affinity_matrix) ipdb> affinity_matrix.shape (333, 10) ipdb> affinity_matrix.columns Int64Index([9315684, 9315597, 9316591, 9320520, 9321163, 9320615, 9321187, 9319487, 9319467, 9320484], dtype='int64') ipdb> affinity_matrix.index Index([u'001', u'002', u'003', u'004', u'005', u'008', u'009', u'010', u'011', u'014', u'015', u'016', u'018', u'020', u'021', u'022', u'024', u'025', u'026', u'027', u'028', u'029', u'030', u'032', u'033', u'034', u'035', u'036', u'039', u'040', u'041', u'042', u'043', u'044', u'045', u'047', u'047', u'048', u'050', u'053', u'054', u'055', u'056', u'057', u'058', u'059', u'060', u'061', u'062', u'063', u'065', u'067', u'068', u'069', u'070', u'071', u'072', u'073', u'074', u'075', u'076', u'077', u'078', u'080', u'082', u'083', u'084', u'085', u'086', u'089', u'090', u'091', u'092', u'093', u'094', u'095', u'096', u'097', u'098', u'100', u'101', u'103', u'104', u'105', u'106', u'107', u'108', u'109', u'110', u'111', u'112', u'113', u'114', u'115', u'116', u'117', u'118', u'119', u'121', u'122', . ], dtype='object') ipdb> affinity_matrix.values.dtype dtype('float64') ipdb> 'sums' in affinity_matrix.index False 

  Here is the error:

  ipdb> affinity_matrix.loc['sums'] = affinity_matrix.sum(axis=0) *** ValueError: cannot reindex from a duplicate axis 

  I tried to reproduce this with a simple example, but I failed

  In [32]: import pandas as pd In [33]: import numpy as np In [34]: a = np.arange(35).reshape(5,7) In [35]: df = pd.DataFrame(a, ['x', 'y', 'u', 'z', 'w'], range(10, 17)) In [36]: df.values.dtype Out[36]: dtype('int64') In [37]: df.loc['sums'] = df.sum(axis=0) In [38]: df Out[38]: 10 11 12 13 14 15 16 x 0 1 2 3 4 5 6 y 7 8 9 10 11 12 13 u 14 15 16 17 18 19 20 z 21 22 23 24 25 26 27 w 28 29 30 31 32 33 34 sums 70 75 80 85 90 95 100 

  Читать:

  Как поменять расположение песен в яндекс музыке