Пусть, у нас есть yate-шаблон:
match / {
string = (
'<span>'
.somedata.somevalue
''
(function ($) { | |
//cache native handler for click | |
var nativeHandler; | |
$.event.special.leftClick = { | |
//init event for the DOM element | |
setup: function (r) { | |
$(this).bind('click', eventHandler); | |
}, | |
//destroy event for the DOM element |
<div class="image-container"> | |
<span class="image-wrapper"> | |
<img class="image" src="http://festival.1september.ru/articles/594478/presentation/23.jpg"> | |
</span> | |
</div> | |
<p class="info"> | |
<b>Задача:</b> Отцентрировать иконку относительно тянущейся картинки. <br /> | |
<b>Решение:</b> Обернуть картинку в блок, который будет повторять размеры картинки и спозиционировать иконку относительно него. <br /> | |
<b>В чем проблема:</b> При первой отрисовке обертка соответствует размерам картинки, однако при ресайзе все портится — по высоте блок соответствует, а по ширине нет. | |
</p> |
var avpw_swfobject = function () { | |
function n() { | |
if (!B) { | |
try { | |
var n = N.getElementsByTagName("body")[0].appendChild(v("span")); | |
n.parentNode.removeChild(n) | |
} catch (t) { | |
return | |
} | |
B = !0; |
.wrapper | |
{ | |
display: flex; | |
padding: 10px; | |
background: lightyellow; | |
font-size: 2.5em; | |
} | |
.wrapper-item | |
{ |
.text | |
{ | |
padding: 20px; | |
height: 200px; | |
column-count: 3; | |
column-gap: 3em; | |
background: wheat; | |
} | |
p:first-child |
body { | |
background: lightyellow; | |
margin-right: 50%; | |
} | |
.img { | |
position: relative; | |
background-size: contain; | |
/* вычисляется из отношения сторон картинки */ | |
padding-bottom: 62.5%; |
a { | |
display: block; | |
margin-right: 50%; | |
opacity: 0.5; | |
} | |
a:hover { | |
opacity: 1; | |
} |
.wrapper { | |
padding: 10px; | |
margin-left: -40px; | |
background: lightyellow; | |
} | |
.item { | |
display: inline-block; | |
width: 300px; | |
padding: 10px; |
GNU Octave is a high-level interpreted language, primarily intended for numerical computations.
(via GNU Octave)
~=
&&