Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   по вертикали выровнять элементы в строке (https://javascript.ru/forum/xhtml-html-css/54921-po-vertikali-vyrovnyat-ehlementy-v-stroke.html)

_Eldar_ 06.04.2015 17:14

по вертикали выровнять элементы в строке
 
Подскажите - эту строку как можно оцентировать/выровнять по вертикали ?
<img src="http://latex.codecogs.com/gif.latex?\frac5x"> = 8   или    у =  <img src="http://latex.codecogs.com/gif.latex?\frac5{\frac5{8+3}}"> =>

ksa 07.04.2015 08:32

Цитата:

Сообщение от _Eldar_
строку как можно оцентировать/выровнять по вертикали ?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
img {
	position: relative;
}
img:first-child {
	top: 10px;
}
img:last-child {
	top: 20px;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<img src="http://latex.codecogs.com/gif.latex?\frac5x"> = 8   или    у =  <img src="http://latex.codecogs.com/gif.latex?\frac5{\frac5{8+3}}"> =>
</body>
</html>

theKingOfJava 07.04.2015 10:08

ksa,
Вот скажите, почему в этом вашем css все так плохо? Казалось бы, это частый юзкейз, нужно просто запилить соответствующее универсальное правило. Ан нет. Куча костылей и простыня стилей. Как вообще можно осилить css? Похоже, кроме тупой зубрежки, вариантов нет...

ksa 07.04.2015 11:05

Цитата:

Сообщение от theKingOfJava
Вот скажите, почему в этом вашем css все так плохо?

Еще один критикан... :lol:

Покажи свой вариант, всего делов-то!

_Eldar_ 07.04.2015 11:59

Цитата:

Сообщение от ksa
Как вариант...

спасибо
Цитата:

Сообщение от theKingOfJava (Сообщение 365376)
ksa,
Вот скажите, почему в этом вашем css все так плохо? Казалось бы, это частый юзкейз, нужно просто запилить соответствующее универсальное правило. Ан нет. Куча костылей и простыня стилей. Как вообще можно осилить css? Похоже, кроме тупой зубрежки, вариантов нет...

может вы поможете с универсальным решением?

theKingOfJava 07.04.2015 12:22

_Eldar_,
Да не, это был риторический вопрос:) Я в css слаб

theKingOfJava 07.04.2015 12:24

ksa,
Я против твоего варианта ничего не имею:) Я вообще говорю, что CSS -- говно.

ksa 07.04.2015 13:01

Цитата:

Сообщение от theKingOfJava
Я вообще говорю, что CSS -- говно.

Храбро! Глупо но храбро! (с) :D

ruslan_mart 07.04.2015 13:55

<img align="absmiddle" src="http://latex.codecogs.com/gif.latex?\frac5x"> = 8   или    у =  <img align="absmiddle" src="http://latex.codecogs.com/gif.latex?\frac5{\frac5{8+3}}"> =>

_Eldar_ 07.04.2015 15:01

Ruslan_xDD спасибо


Часовой пояс GMT +3, время: 20:44.