Здравствуйте!
Подскажите, пожалуйста, как создать такой стиль (показан сверху на изображении)?
Имеется div-контейнер (черная рамка на рисунке), который может менять свой размер по X.
В этом div'e находится красный div фиксированного размера по x (возможно большего чем ширина черного div'a)
необходимо создать такой стиль, чтобы при overflow черного div'a он показывал середину своего содержимого (показано сверху),
а не левый край (показано снизу), как это будет при overflow: hidden;
Заранее благодарю за помощь
Здравствуйте, maxforme, Вы писали:
horizontal-align:center;
пример:
<html>
<head>
<style>
div
{
border:1px solid black;
width:50%;
horizontal-align:center;
overflow-x:hidden;
}
text
{
border:1px solid red;
width:400px;
text-align:center;
}
</style>
</head>
<body>
<div>
<text>zzz</text>
</div>
</body>
</html>
Здравствуйте, c-smile!
Отлично!
CS> div
CS> {
CS> border:1px solid black;
CS> width:50%;
CS> horizontal-align:center;
CS> overflow-x:hidden;
CS> }
А почему
flow: stack; "не дружит" с
horizontal-align: center; ?
Например, если так
div
{
flow: stack;
border:1px solid black;
width:50%;
horizontal-align:center;
overflow-x:hidden;
}
Здравствуйте, c-smile! Вы писали:
CS>Посмотрю. flow:stack еще в стадии эксперимента поэтому возможны накладки.
flow:stack; очень хорошая вещь, меня много где выручает
