Что он делает
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, которые очень милые.
pom.xml
, и они будут интегрированы со всем остальным, что вы хотите сделать. Начальная кривая обучения крутая, но (почти) каждый профессиональный разработчик Java использует Maven или желания они сделали. Вы должны использовать Maven для каждого проекта, хотя не удивляйтесь, если вам понадобится некоторое время, чтобы привыкнуть к нему, и иногда вы хотите, чтобы вы просто делали что-то вручную, так как иногда что-то новое болит. Однако, как только вы действительно привыкнете к Maven, вы обнаружите, что управление сборкой занимает почти нет времени.
Как начать
Лучшее место для начала - « Maven через 5 минут ". Это позволит вам начать с проекта, готового для вас, с кодом со всеми необходимыми настройками файлов и папок (да, я рекомендую сначала использовать артефакт quickstart, по крайней мере, сначала).
После того, как вы начнете, вам нужно лучше понять, как инструмент предназначен для использования. Для этого « Better Builds with Maven » - самое подробное место, чтобы понять, как это работает, « Maven: The Complete Reference » больше подходит для -Дата. Прочтите первый для понимания, но затем используйте второй для справки.
Я обновил ваш код 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 ] 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;
}
Лучший способ - использовать 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>
Вы можете легко добиться этого, используя следующую скрипку. Не нужно использовать много тегов списка в вашем коде. Всегда пытайтесь писать СУХИЕ коды. Это пример кода, и вы можете внести необходимые изменения в соответствии с вашими требованиями
.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;
}