Как выровнять флэш-фильм по центру с помощью «переполнения: скрытый»? - PullRequest
Новая
       8

Как выровнять флэш-фильм по центру с помощью «переполнения: скрытый»?

0 голосов
/ 28 октября 2009

У меня широкоформатная видеокамера (для большего разрешения экрана).
Я хотел бы выровнять его по центру (например) 85-процентного div (и переполняющая вспышка остается скрытой). Как я мог это сделать?

edit2:

Я бы хотел сделать это с помощью css (а не с помощью javascript):
(Я заменил флеш текстом, чтобы сделать сообщение короче, проблема та же) 

<html>
<head>
<style>
#div {
    width: 20%;
    overflow: hidden;
    text-align: center;
    background-color: lightblue;
}
#flash {
    width: 400px;
    background-color: blue;
    position: relative;
    top: 0px;
    margin: 0 auto;
}
</style>
<script src="jquery-1.3.2.min.js"></script>
<script>
function center() {
    var flash = parseInt($("#flash").css('width'));
    var div = parseInt($("#div").css('width'));
    if (flash > div) {
        var right = ((flash - div) / 2) + "px";
        $("#flash").css("right", right);
    }
}
$(window).resize(function(){
    center();
});
$(function(){
    center();
});
</script>
</head>
<body>
<div id="div">
<div id="flash">texttexttexttexttext-[CENTER]-texttexttexttexttext</div>
</div>
</body>
</html>

Ответы [ 2 ]

2 голосов
/ 29 октября 2009

Вы не можете выровнять div, используя text-align, потому что div являются блочными элементами. Что вы можете сделать, если указать ширину для контейнера div и flash div, установить для левого и правого поля значение auto. 

#flash {
 width: 50%;
 margin: 0 auto 0 auto;
}
0 голосов
/ 28 октября 2009

Кажется довольно просто, может, я что-то упустил?

на div: 

div {
    width:85%;
    overflow:hidden;
    text-align:center
}

если это не сработает, покажите нам свой код

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...