Виктор Янышев, это я тоже нашел. я имел ввиду в самой документации. описание функции в документации идет вот так:
/**
* Convert a string containing two comma-separated numbers into a point.
* @param {string} str - The string containing two comma-separated numbers.
* @ return {Point} A Point object.
*/
static fromString(str) {
// ...
}
А меня интересует вот такая запись:
.on(events, [selector], [data], handler)
Не понял, что не правильного в моей записи? Я задал flex-basis т е базовый размер, от него и пляшем. fLex grow 0 значит даже если есть свободное место, то расти не будет. И flex shrink, при уменьшении свободного места сохранять свою ширину.
Расшифруйте пожалуйста почему в данном случае нужно использовать width вместо flex? Ведь flex специально создан чтобы регулировать размер элемента не через width, max-width и min-width.
Свойство no-wrap заставляет элемент не переносить слова на другую строку, но при этом если строка будет длинная то она может вылезти за пределы экрана. Это все без заданной ширины позиционированного элемента.
Вы правы. Не выходит. Но видимо его ограничивает не ширина родителя, а поток документа. Т к поток идет слева-направо, то если сдвигаем блок направо получается блок сужается до конца потока элемента родителя, а выйдя из него берет ширину максимального слова в себе(в данном случае популяризации). Если блок сместить влево, то его поток ограничивать не будет снизу по коду и он будет спокойно тянутся даже за пределы своего родителя. Ваш пример на фидле: https://jsfiddle.net/gk6oofud/4/ (можно поиграться еще с left) скриншоты о чем я take.ms/fE7AK take.ms/wcRbZ
Ankhena, я могу предположить свой вариант. Зная что текст в flexitem не переносится на другую строку, т е текст идет в одну строку, можно уменьшить текст до величины одной строки и все сработает. Мои догадки: текст как то влияет на flexitem изнутри блоков.
вот наглядно: take.ms/sVSRG
Решение с удалением тега p не исправляется проблему: take.ms/D7fRN
Ankhena, насчет прокрутки посмотрю. Но мне кажется дело не в ней.
Wrap стоит чтобы если элемент шире по контенту он показал мне съехав на другую строку, а то так он за пределы может вылезти без flex-srink.
Ankhena, насчет ширины. Я бы хотел чтобы блок main показывал в devtools что он не занимает все место, а растягивается по содержимому. Нужно чтобы main блок встал на одну строчку с панелью навигации.
Ankhena, вы правы, так можно. можно и flex-basis поставить, но по мне это как пальцем в небо. А если потом надо будет сузить для адаптива или чего то еще и все полетит. Уже долго сижу не могу понять проблему, и в интернете ничего не пишут по этому поводу.
Ankhena, в таком случае любой бы flexcontainer перепрыгивал на новую строку при flex-wrap:wrap. Если удалить текст комментария внутри этого блока, то он переместиться наверх, на туже строчку что и панель навигации. Т е даже являясь flexcontainerom элемент main не перескакивает на другую строку даже с flexwrap:wrap.
В edge все работает хорошо на ссылке которая в топике вопроса.
Александр, это ответ? ваша логика верна. но в таком случае он должен растягиваться по содержимому, но он почему то тянется на всю ширину родителя или кого то еще
https://jsfiddle.net/346109dg/5/