Поскольку P и некоторые другие теги не могут использоваться в теге BUTTON, лучшим обходным путем, как утверждают другие, является использование стилизованного тега SPAN.
В основном вы обрабатываете тег BUTTON "as если «это был контейнер DIV ваших тегов SPAN внутри. Таким образом, вы можете стилизовать всю кнопку, как хотите. В моем примере я стилизовал его с помощью имитированного значка, смоделированного тега заголовка, симулированного описания и симулированной кнопки внутри кнопки.
Я добавляю немного дополнительных стилей и форматирования для визуальных целей, но ваши могут быть такими же простой или сложный, как вы хотите.
STYLE:
/* CSS Styling and classes example */
/* style the main container */
button {
background-color:transparent;
outline:none;
border:none;
cursor:pointer;
transition:0.2s;
padding:10px 15px;
}
/* what happens when you hover - optional */
button:hover { background-color:#efefef; }
/* what happens when it's active - optional */
button.active { background-color:#ccc; }
/* global style for the contained span tags within */
button span {
display:block;
margin:5px auto 10px;
}
/* individually styling the inner span tags by class identifiers */
button span.step {
background:#c33;
color:#fff;
padding:10px 2px 0 0;
font-size:1.75em;
font-weight:600;
width:40px;
height:40px;
border-radius:20px;
}
button span.title { font-size:2em; font-weight:600; }
button span.desc { font-size:1.05em; }
button span.btn {
margin:20px auto;
padding:5px 10px;
background:#c33;
color:#fff;
}
HTML:
<!-- html code -->
<button class="customClass">
<span class="step">1</span>
<span class="title">Title</span>
<span class="desc">My cool button description</span>
<span class="btn">Click Here</span>
</button>
Конечно, вы можете изменять, добавлять и удалите элементы диапазона, как вы сочтете нужным, включая изображения.
Если вам нужен интервал, составляющий 14 часов и 30 минут, просто используйте конструктор ...
$interval = new DateInterval('PT14H30M');
Чтобы разбить его ...
P
- все интервальные спецификации должны начинаться с P
(для Period ). Мы не используем интервалы периодов, хотя так далее ... T
- это запускает Время spec 14H
- 14 часов 30M
- 30 минут Если вы должны использовать строку 14:30:00 , Я бы проанализировал его с помощью sscanf
и использовал части ...
list($hours, $minutes, $seconds) = sscanf('14:30:00', '%d:%d:%d');
$interval = new DateInterval(sprintf('PT%dH%dM%dS', $hours, $minutes, $seconds));