Михаил

Question

HTML
+1 ещё

Как динамически растягивать родительский див?

4 подписчика
более трёх лет назад
3292 просмотра

Answer 1 · 2016-08-30 16:46:19

codewars

P.S. Это не игры и не курсы, реальные (интересные) задачи, решив которые вы ещё и видите лучшее решение (скилл реально растет если уделять этому время)

Answer 2 · 2016-09-08 13:14:28

Ну тут вариантов пожалуй несколько, например просто продолжаем писать элементы, а можно использовать полноценные блоки (при необходимости ещё и вешать класс элемента), зависит от того будут ли эти блоки использовать не в контексте этого блока.
Вот например:

<div class="advantages__wrap clearfix">

  <div class="advantages__item">
    <div class=""advantages__preview">
      <img class="image" src="img/advantages/1.png" alt="image">
    </div>
    <div class=""advantages__text">
      <h3 class="title">Опыт работы</h3>
      <p class="text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>

а может быть и так

<div class="advantages__wrap clearfix">

  <div class="advantages__item">
    <div class=""advantages__preview">
      <img class="image advantages__img" src="img/advantages/1.png" alt="image">
    </div>
    <div class=""advantages__text">
      <h3 class="title advantages__title">Опыт работы</h3>
      <p class="text advantages__text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>

P.S. А вообще есть куча замечательных статей, после которых отпадет куча вопросов и всё само встанет на свои места.
Вот например одна из них (об ошибках которые часто допускают)
https://habrahabr.ru/post/305548/

Answer 3 · 2018-01-12 12:11:45

Добрый день. На машине на которой будете работать оффлайн нужно установить node.js версии выше 4.
Далее на машине где у вас есть доступ к инету и так же стоит node.js делаем так
1. npm install -g vue-cli
2. vue init webpack
3. npm i
4. Запускаем npm run dev (проверяем, что все работает)
4.1 По желанию сразу доустанавливаем необходимые библиотеки axios, vuex, vuetify and etc.
5. Упаковываем всё в архив включая node_modules
6. Распаковываем архив на машине без инета и выполняем npm run dev (проверяем, что всё работает)

Если надо всё это выложить в git, делаем обратную операцию, забирая на машину с инетом изменившиеся файлы (исключая node_modules) и например публикуем в github. Если речь идет про публикацию проекта на хостинге, то выполняем npm run build и забираем файлы из папки dist и заливаем их потом на хостинг.

P.S. Хочу заметить, что желательно не делать переноса Windows - Linux и наоборот, так как если вы выбрали использование sass например, то бинарники будут разлечаться и npm поставить под нужную систему и ничего не заработает.