Home > Web Front-end > CSS Tutorial > How to use line-block and set minimum width_Experience exchange

How to use line-block and set minimum width_Experience exchange

WBOY
Release: 2016-05-16 12:05:57
Original
1490 people have browsed it

Formal description found online:
Reference content
This value causes an element to generate a block box model (block box), and itself flows as a single inline box model (inline box), similar to A replaced element. The element whose Display value is inline-block forms a block box model internally, and itself forms like an inline replaced element
PS: Unfortunately, IE does not support it, and FF does not support it either. HOHO~

IE solution: Trigger IE's layout so that the element has line-block-like characteristics.

FF solution: use moz-specific attributes: display::-moz-inline-box;


[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh to execute]

.box { display:inline; zoom:1; min-width:400px ; width:auto!important; width:400px; clear:right; border:1px solid #000; background:#ccc; }
html:lang(zh-CN) .box { display:-moz-inline-box ; } /* moz-ff */
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template