display:block внутри display:inline
В то время как можно все еще играть в игры (как , OrangeTux указал ), это будет идеально для установки их через Центр программного обеспечения, так, чтобы EA видел силу платформы Ubuntu.
На данный момент, который, кажется, невозможен для многих пользователей, но Вы можете , подписываются на отчет об ошибках на Панели запуска .
4 ответа
когда я читал спецификацию , я нахожу, что ваш вопрос на самом деле довольно хорошо ответил :
Когда встроенный блок содержит блок-блок, встроенный блок [...] [разбит] вокруг блока. Строки [in] перед разрывом и после разрыва заключаются в анонимные блоки, и блок-блок становится родственным ему для этих анонимных блоков.
<BODY style="display: inline; ">
This is anonymous text before the P.
<P>This is the content of P.</P>
This is anonymous text after the P.
</BODY>
Полученные блоки будут анонимным блок-блоком вокруг ТЕЛА, содержащим анонимный блок. блок-блок вокруг C1, блок-блок P и еще один анонимный блок-блок вокруг C2.
или, визуально:
+- anonymous block box around body ---+
| +- anonymous block box around C1 -+ |
| | + |
| +---------------------------------+ |
| |
| +- P block box -------------------+ |
| | + |
| +---------------------------------+ |
| |
| +- anonymous block box around C2 -+ |
| | + |
| +---------------------------------+ |
+-------------------------------------+
теперь к вашему вопросу: отличается ли это от ?
да, это так. пока это все еще 4 коробки ( блок анонимного блока вокруг тела теперь блок блока BODY ), спецификация сообщает разницу :
Свойства, установленные для элементов, которые вызывают создание анонимных блоков блоков, по-прежнему применяются к блокам [сгенерированный анонимный блок] и содержимому этого элемента. Например, если бы граница была установлена на элементе BODY в приведенном выше примере, граница была бы нарисована вокруг C1 (открыта в конце строки) и C2 (открыта в начале строки):
+--------------------------------------
| This is anonymous text before the P.
+--------------------------------------
This is the content of P.
--------------------------------------+
This is anonymous text after the P. |
--------------------------------------+
this отличается от :
+--------------------------------------+
| This is anonymous text before the P. |
| |
| This is the content of P. |
| |
| This is anonymous text after the P. |
+--------------------------------------+
Иногда это зависит от точного css определен или браузером.
Чаще всего я видел два поведения:
Элемент
display: blockвнутриdisplay: inlineэлемент делаетdisplay: inlineдействуют какдисплей: блоксшириной: 100%.Элемент
дисплей: встроенный, содержащий толькодисплей: блокfloat: leftилиfloat: rightэлементы не занимают места и выглядят так, как если бы внутри них не было никаких элементов. Элементыdisplay: blockдействуют так, как если бы они находились внутри другого элементаdisplay: block,
Встроенный контейнер не может содержать контейнер блока. Обычный результат, когда такое происходит, заключается в том, что встроенный контейнер преобразуется в блок, чтобы вместить его содержимое. Если вам нужен контейнер, который кажется встроенным, чтобы содержать что-то, что выглядит как блок, используйте следующее:
display: inline-block;
свойство inline-block - это режим отображения, который позиционирует контейнер встроенным способом с немедленными свойствами и определениями встроенного контейнера применяется только к самому контейнеру, не ограничивая его дочерние элементы такими ограничениями. В результате дочерний блок-контейнер дочернего элемента встроенного блочного родителя ограничивается размерами родительского элемента, если родительский объект имеет определенные определения или может вызвать растяжение родительских размеров для размещения большего дочернего элемента. Контейнер, для которого установлен встроенный блок, может получать свойства, предоставленные только блокам, такие как ширина или высота, без потери позиционирования по умолчанию, связанного со встроенным контейнером.
Это свойство не поддерживается FF2, и, как результат, не поддерживается пользователя Ice Weasel browser. Практически любой другой браузер поддерживает это свойство, включая IE6, так что вы можете использовать его, так как почти никто не использует FF2 или Ice Weasel, за исключением незначительного количества пользователей, ограниченных готовыми дистрибутивами Linux.
Думаю, я наконец понял разницу, и есть фундаментальная разница.
Когда элемент верхнего уровня (например, ) определяется с помощью display: block, затем:
Есть блок, связанный с элементом
Этот блок содержит (т. Е. Он действует как содержащий блок) анонимные блоки (например, текстовые узлы) и не -анонимный дочерний элемент (например,
Атрибуты стиля элемента верхнего уровня, например заполнение, связаны с этим содержащим блоком
Когда элемент верхнего уровня (например, ] ) определяется с помощью display: inline, затем:
Нет ни одного блока, связанного с элементом
Содержимое элемента (текстовые узлы в анонимном блоке,и дочерние элементы в неанонимном блоке) не имеют содержащий блок, который связан с элементом верхнего уровня
Атрибуты стиля элемента верхнего уровня, например заполнение, связаны с его встроенным content