CSS режим отображения таблиц - PullRequest
Новая
       8

CSS режим отображения таблиц

1 голос
/ 14 января 2012

Просмотр JSFiddle>

У меня есть макет, который я использовал для создания jQuery ( см. Здесь ), и у меня есть ощущение, чтобольшая часть кода может быть заменена на display: table, display: table-cell и display: table-row.Однако я никогда не мог понять это.

HTML

<menu>
    <command class="less" />
    <command class="more" />
    <div></div>
    <command class="save" />
    <command class="vote" />
    <div></div>
    <command class="send" />
    <command class="exit" />
</menu>

Action Bar

Вы можете увидеть, как это работает с jQuery здесь или без него здесь .

Заранее спасибо за любую помощь.

PS: я не хочуизмените типы элементов по моим собственным причинам, поэтому, пожалуйста, оставьте элементы <menu> и <command>.Мне нужна только помощь с CSS

1 Ответ

0 голосов
/ 21 ноября 2012

Я добавил несколько HTML-элементов, чтобы сделать эту функцию используя только CSS, без JavaScript.

Кроме того, пару существующих атрибутов CSS я удалил, поставив перед атрибутом X . Пример: 

menu > div {
    Xheight: 40px;
    Xfloat: left;
}

Ссылка на пример jsfiddle .

...