den_alex_96
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by den_alex_96
-
-
Здравствуйте. Вопрос по следующей вёрстке:
<!DOCTYPE html>
<html lang="ru">
<head>
<style>
.left{
float:left;
background:red;
}
.no_float
{
background:green;
text-align:center;
font-size:30px;
}
</style>
<meta charset="utf-8" />
<title>Документ без названия</title>
</head>
<body>
<div class="left">
float:leftrvrcrvrvr
</div>
<div class="no_float">
hidbibd
</div>
</body>
</html>Почему текст в блоке с классом no_float не выравнивается по центру, хотя в css это прописывается?
-
Доброго времени суток.
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <input type='text' class='table-cell aaa' maxlength='50'> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>
Почему текстовое поле занимает всю место справа в строке, и не остается места для кнопки?
Если поменять текстовое поле на div, то всё нормально, div занимает всё доступное пространство, учитываю остальные ячейки в строке, как и должно быть для таблиц
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; background:red; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <div class='table-cell aaa'>текст 1</div> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>
А почему не работает для <input>?
Float, выравнивание по ширине
in HTML Coding
Posted
Если рассматривать ширину неплавающего div как ширина окна-ширина пл.div, то тогда, да , по центру, но ширина неплавающего div равна ширине окна