Заголовки HTML / CSS Center для элементов списка

Что он делает

Maven - это «инструмент управления конструкцией», он предназначен для определения того, как ваши файлы .java скомпилированы в .class, упакованные в .jar (или .war или .ear), (pre / post) обрабатываются с помощью инструментов, управляя вашим CLASSPATH и всеми другими видами задач, которые необходимы для создания вашего проекта. Он похож на Apache Ant или Gradle или Makefiles в C / C ++, но он пытается быть полностью автономным в нем, что вы должны Нет необходимости в дополнительных инструментах или сценариях путем включения других общих задач, таких как скачивание и amp; установка необходимых библиотек и т. д.

Он также разработан вокруг темы «build portability», так что вы не получаете проблем с тем же кодом, что и один скрипт, работающий на одном компьютере, но не на другом (это известная проблема, у нас есть виртуальные машины для Windows 98, поскольку мы не смогли получить некоторые из наших приложений Delphi, компилирующихся где-нибудь еще). Из-за этого, это также лучший способ работать над проектом между людьми, которые используют разные IDE, поскольку скрипты Ant с IDE трудно импортировать в другие IDE, но все IDE в настоящее время понимают и поддерживают Maven ( IntelliJ , Eclipse и NetBeans ). Даже если вам не нравится Maven, он становится точкой отсчета для всех других современных инструментов построения.

Почему вы должны использовать его

Есть три вещи о Maven, которые очень милые.

  1. Maven (после того, как вы объявите, какие из них используете) загрузите все библиотеки, которые вы используете и библиотеки, которые они используют для вас автоматически. Это очень приятно, и дело с множеством библиотек смехотворно легко. Это позволяет вам избегать "аддитивного ада" . Он похож на Apache Ant Ivy .
  2. Он использует « Конвенция по конфигурации », так что по умолчанию вам не нужно определять задачи, которые вы хотеть сделать. Вам не нужно писать «компиляцию», «тест», «пакет» или «чистый» шаг, как вам пришлось бы делать в Ant или Makefile. Просто поместите файлы в те места, где Maven ожидает их, и он должен работать с летучей мыши.
  3. У Maven также есть много приятных плагинов, которые вы можете установить, которые будут обрабатывать многие обычные задачи из генерирование Java-классов из схемы XSD с использованием JAXB до для измерения тестового покрытия с помощью Cobertura . Просто добавьте их в свой pom.xml, и они будут интегрированы со всем остальным, что вы хотите сделать.

Начальная кривая обучения крутая, но (почти) каждый профессиональный разработчик Java использует Maven или желания они сделали. Вы должны использовать Maven для каждого проекта, хотя не удивляйтесь, если вам понадобится некоторое время, чтобы привыкнуть к нему, и иногда вы хотите, чтобы вы просто делали что-то вручную, так как иногда что-то новое болит. Однако, как только вы действительно привыкнете к Maven, вы обнаружите, что управление сборкой занимает почти нет времени.

Как начать

Лучшее место для начала - « Maven через 5 минут ". Это позволит вам начать с проекта, готового для вас, с кодом со всеми необходимыми настройками файлов и папок (да, я рекомендую сначала использовать артефакт quickstart, по крайней мере, сначала).

После того, как вы начнете, вам нужно лучше понять, как инструмент предназначен для использования. Для этого « Better Builds with Maven » - самое подробное место, чтобы понять, как это работает, « Maven: The Complete Reference » больше подходит для -Дата. Прочтите первый для понимания, но затем используйте второй для справки.

-1
задан mnmbs 26 February 2019 в 11:57
поделиться

4 ответа

Я обновил ваш код html и css

, пожалуйста, дайте мне знать, если это работает для вас

ul.list-inline.list-pipe {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}
ul.list-inline.list-pipe li {
    width: 33%;
    display: inline;
    font-size: 15px;
    letter-spacing: 0.79px;
    text-align: center;
    color: #11A8A1;
    border-left: 1px solid #d0d0d0;
}
ul.list-inline.list-pipe li:first-child {
    border-left: none;
}
ul.list-inline.list-pipe li span {
    display: block;
    margin-top: 10px;
    color: #000;
}
<ul class="list-inline list-pipe" >
  <li>
    Germany
    <span>Place</span>
  </li>
  <li>
    1914-18
    <span>Year</span>
  </li>
  <li>
    German
    <span>Language</span>
  </li>
</ul>
[119 ]

0
ответ дан Varsha Dhadge 26 February 2019 в 11:57
поделиться
Use below css.

.list-inline {
        list-style: none;
        padding: 0;
    }
    list-pipe > li {
        text-align: center;
        color: #11A8A1;

    }
    .list-inline > li {
        float: left;
        width: 150px;
        text-align: center;
    }

    .list-caption {
        list-style: none;
        padding: 0;
        clear: left;
    }
    .list-caption > li {
        text-align: center;
        float: left;
        width: 150px;
    }
0
ответ дан Dipak 26 February 2019 в 11:57
поделиться

Лучший способ - использовать flexbox.

.big {
  display: flex;
  flex-direction: column;
  align-items: cetner;
  justify-content: center;
}

.list-inline {
  list-style: none;
  padding: 0;
  display: flex;
}

.list-inline > li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.list-inline > li > .title {
  margin-bottom: 10px;
  color: #11A8A1;
}

.list-pipe > li {
  border-right: 1px solid #00000065;
  padding: 1em 1em 1em 1em;
  font-size: 15px;
  letter-spacing: 0.79px;
  text-align: center;
}

.list-inline > li:last-child {
 border-right: none;
}
<div class="big">
<ul class="list-inline list-pipe" >
  <li>
    <div class="title">Germany</div>
    <div>Place</div>
  </li>
  <li>
    <div class="title">1914-18</div>
    <div>Year</div>
  </li>
  <li>
    <div class="title">German</div>
    <div>Language</div>
  </li>
</ul>
</div>

0
ответ дан Andrew Kovalchuk 26 February 2019 в 11:57
поделиться

Вы можете легко добиться этого, используя следующую скрипку. Не нужно использовать много тегов списка в вашем коде. Всегда пытайтесь писать СУХИЕ коды. Это пример кода, и вы можете внести необходимые изменения в соответствии с вашими требованиями

Fiddle

.lists {
   margin:0;
   padding:0;
   list-style:none;
   display:flex
 }
.lists li {
   display:flex;
   flex-direction:column;
   border-right: 1px solid #000000;
   padding: 4px 10px;
   justify-content:center;
   text-align:center;
   font-size:18px
}
.lists li:last-child {
   border:none
 }
.lists li > span:first-child {
   color: #11A8A1;
 }
0
ответ дан Dharmesh Vekariya 26 February 2019 в 11:57
поделиться