.text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px; /* fallback */
max-height: 32px; /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur
venenatis blandit. Praesent vehicula, libero non pretium vulputate, lacus arcu
facilisis lectus, sed feugiat tellus nulla eu dolor. Nulla porta bibendum
lectus quis euismod. Aliquam volutpat ultricies porttitor. Cras risus nisi,
accumsan vel cursus ut, sollicitudin vitae dolor. Fusce scelerisque eleifend
lectus in bibendum. Suspendisse lacinia egestas felis a volutpat.
</div>
<?php
$text = "'И', 'Э'";
echo 'Original : ', $text, PHP_EOL;
echo 'TRANSLIT : ', iconv("UTF-8", "ISO-8859-1//TRANSLIT", $text), PHP_EOL;
echo 'IGNORE : ', iconv("UTF-8", "ISO-8859-1//IGNORE", $text), PHP_EOL;
echo 'Plain : ', iconv("UTF-8", "ISO-8859-1", $text), PHP_EOL;
?>
Original : 'И', 'Э'
TRANSLIT : '?', '?'
IGNORE : '', ''
Plain : <br />
<b>Notice</b>: iconv(): Detected an illegal character in input string in <b>[...][...]</b> on line <b>7</b><br />
animation-delay
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
animation-delay: 2s;
-2s
анимация начнется сразу 2 секунд спустя.<div></div>
<div></div>
div {
width: 100px;
height: 100px;
background: red;
position: relative;
-webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera */
-webkit-animation-delay: none; /* Chrome, Safari, Opera */
animation: mymove 2s infinite;
animation-delay: none;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {left: 0px;}
to {left: 200px;}
}
@keyframes mymove {
from {left: 0px;}
to {left: 200px;}
}
if($name == 'value'){
header("location:page.php");
} else {
echo "Your text";
}
<input type="button" class="button" value="GO AHEAD" />
.button {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 218px;
height: 57px;
cursor: pointer;
padding: 10px 20px;
border: 7px solid #BBEBE1;
font: normal 23px/normal Arial, Helvetica, sans-serif;
color: rgba(255,255,255,0.9);
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
background: #1ABC9C;
}
img {
width: 100px;
height:auto;
}
height:auto;
100%
.Вот и все ширина будет 100px а высота будет автоматически растягиваться на высоту текста.p{
display: table-cell;
vertical-align: top;
}
img {
width: 100px;
height:auto;
}
.image {
display: table-cell;
vertical-align: top;
padding: 0 20px 0 0;;
}
.section {
display: table;
}
<?php
$to = "somebody@example.com";
$subject = "Тема";
$txt = "Привет Мир!";
$headers = "From: webmaster@example.com" . "\r\n" .
"CC: somebodyelse@example.com";
mail($to,$subject,$txt,$headers);
?>
<ul>
<li>Главная</li>
<li>Галерея</li>
<li>Доставка</li>
<li>Контакты</li>
</ul>
ul
ul{
background:#a1a1a1;
padding:5px;
position:absolute;
left:600px;
width:830px;
}
ul li{
position:relative;
left:-5px;
list-style:none;
display:inline;
padding:5px;
padding-bottom:6px;
background:red;
color:#fff;
}
:hover
<div></div>
измени добавь id class..div {
background: red;
width:100px;
height:100px;
-webkit-animation: mymove 0.3s infinite;
animation: mymove 0.3s infinite;
}
@-webkit-keyframes mymove {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes mymove {
0% {opacity: 0;}
100% {opacity: 1;}
}
/* При наведении */
div:hover{
-webkit-animation: mymove1 0.3s infinite;
animation: mymove1 0.3s infinite;
}
@-webkit-keyframes mymove1 {
0% {opacity: 1;}
100% {opacity: 1;}
}
@keyframes mymove1 {
0% {opacity: 1;}
100% {opacity: 1;}
}