Вертикално центриране с CSS
4 отговора
260 прегледа
Вертикално центриране с CSS
Една таблица искам да я центрирам вертикално с помоща на CSS.
Как се прави това ?
Как се прави това ?
Re: Вертикално центриране с CSS
Вариантите са няколко, препоръчвам ти четиво номер 1 ( @ student.oulu.fi ) и 5 ( @ kpsatweb.cz )
[линк]

-----
dimodi web: последвай сетивата си!
[линк]
-----
dimodi web: последвай сетивата си!
Re: Вертикално центриране с CSS
Ти какво???? Очакваше да има специален таг само за таблица ли???? Хайде помисли малко.
Ами търси, като си нямаш работа
Хубаво те насочиха хората и още от първите линкове, които излизат в Гугъл, имаш вариант за решение. Ей ти го: [линк]
Това, дето е отдолу, вземи го запиши като файл, пък го поразгледай и виж какво ще стане ако ръгнеш един "тейбъл" вътре в div-a
<html>
<head>
<title>Victoria's Vertical Centering - Test Page</title>
<style type="text/css">
html, body { background-color: red; height: 100%; margin: 0; padding: 0;
color: white; text-align: center; }
div#centered { border: 0; background-color: white; height: 50%; width: 50%;
position: absolute; left: 25%; top: 25%; color: black; }
</style>
</head>
<body>
<div id="centered">
Vertically centered div
(<a href="[линк]" title="Victoria's Vertical Centering">see comments</a>).
</div>
</body>
</html>
Това, дето е отдолу, вземи го запиши като файл, пък го поразгледай и виж какво ще стане ако ръгнеш един "тейбъл" вътре в div-a
<html>
<head>
<title>Victoria's Vertical Centering - Test Page</title>
<style type="text/css">
html, body { background-color: red; height: 100%; margin: 0; padding: 0;
color: white; text-align: center; }
div#centered { border: 0; background-color: white; height: 50%; width: 50%;
position: absolute; left: 25%; top: 25%; color: black; }
</style>
</head>
<body>
<div id="centered">
Vertically centered div
(<a href="[линк]" title="Victoria's Vertical Centering">see comments</a>).
</div>
</body>
</html>