小编tfr*_*men的帖子

使用text-align justify/text-justify和right时的奇怪行为

我碰到了一个特定IE的问题,我无法解决这个问题.

可以在此笔中看到以下HTML和CSS .

:: HTML

<div id="container">
    <div class="dummy">Dummy</div>
    <nav>
        <div id="right">
            <ul>
                <li>Lorem ipsum <img src="http://placehold.it/80x40"> dolor sit amet.</li>
                <li>Anal natrach, ut vas petat, <img src="http://placehold.it/80x40"> doriel dienve.</li>
            </ul>
            <div class="dummy">Dummy</div>
            <div class="dummy">Dummy</div>
        </div>
    </nav>
</div>
Run Code Online (Sandbox Code Playgroud)

:: CSS

/* RESET */
* { margin: 0; padding: 0; vertical-align: top; }
ul { list-style: none; }

/* MARKUP */
#container {
    line-height: 0;
    font-size: 0rem;
    text-align: justify;
    text-justify: distribute-all-lines;
} …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer text-align

6
推荐指数
1
解决办法
5349
查看次数

标签 统计

css ×1

internet-explorer ×1

text-align ×1