Помощник
|
img vertical-align |
LeeSwagger
|
Сообщение
#1
|
||
|
|
||
|
|||
LeeSwagger
|
Сообщение
#2
|
|
47 просмотров, но ни кто не ответил))
вот мое решение: написал javascript код, который вставляется в конце боди, т.е. он выполняется после того как все картинки загрузятся на страницу. [JS]<script language="javascript" type="text/javascript"> var imgs=document.getElementsByTagName("img"); for(var i=0;i<imgs.length;i++) { var wi=imgs[i].width; var hi=imgs[i].height; var wp=imgs[i].parentNode.offsetWidth; var hp=imgs[i].parentNode.offsetHeight; if(hi<hp) { imgs[i].style.marginTop = Math.ceil((hp - hi)/2)+ 'px'; } else if(hi>hp) { imgs[i].style.marginTop = -Math.ceil((hi - hp)/2) + 'px'; } if(wi>wp) { imgs[i].style.marginLeft=-Math.ceil((wi-wp)/2)+'px'; } } </script> [/JS] Использовал для такого: <div style=" border-radius:10px; position:absolute; top:10mm; left:10mm;width:200mm; height:100mm; overflow:hidden; padding:0mm; "> <img src="C:\1689697.jpg" style="width:100%; "> </div> Данный код выравнивает по вертикали все img на странице внутри дочерних блочных элементов( например div). Если что не так - поправте. |
|
|
texno |
13.1.2012, 6:12;
Ответить: texno
Сообщение
#3
|
|
|
Я бы в таблицу картинки засунул и использовал бы vertical-align для TD.
Или ДИВы с position:relative;, а картинки с position:absolute; Само бы всё стало на место.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Резиновая вёрстка + img | 3 | LWDM | 3659 | 26.9.2012, 17:53 автор: -Bugnet- |
|
img>img;img;img через onmouseover | 1 | Langepas_hb | 8711 | 4.11.2008, 1:29 автор: -Galen- |
Текстовая версия | Сейчас: 26.4.2024, 7:29 |