Горизонтальная центральная переменная ширина div внутри div, события мыши должны проходить через?

0

Как я могу горизонтально центрировать div с переменной шириной внутри другого div со специальным смещением от вершины (или с вертикальной ориентацией)? Дополнительным условием является то, что только видимая часть div должна перехватывать события мыши - это ограничивает некоторые из параметров.

+--------------+
|  outer div   +
|   <innner>   +
+--------------+

inner содержит элементы, доступные клику, и должна находиться в верхней части порядка укладки. outer div доступен для интерактивного просмотра, поэтому область вокруг inner должна передавать события мыши в базовый div. inner - переменная ширина. inner должен иметь некоторый смещение от вершины outer.

Я знаю, что есть много связанных вопросов центрирования, но аспект событий мыши здесь делает это другим.

  • 0
    Только что ответил здесь stackoverflow.com/a/20988457/1542290
  • 0
    @Mr.AlienМистер Алиен, это не решает проблему с мышью. Таблица блокирует все события мыши от достижения базовых элементов.
Показать ещё 1 комментарий
Теги:

1 ответ

1

Скажем, у вас есть внешний div с внешним классом, а внутри него есть еще один div, имеющий класс = "внутренний". Центрирование может быть достигнуто с помощью css:

.outer {
    height: 100px;
    width: 200px;
    line-height: 100px;
    border: 1px solid red;
    text-align: center;
}

.inner {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid blue;
}

Я добавил события щелчка в внешний div и для кнопки внутри внутреннего div. Щелчок кнопки будет распространяться на внешний div по умолчанию.

Демо: http://jsfiddle.net/er144/bh3V9/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню