Question

我希望能够证明这个案文是正确的。

对于我的生活，我无法让它发挥作用。

HTML:
<div id="main-content-left-container">
<ul id="left-bullets">
        <li>I want all/li>
        <li>of this text</li>
    <li>justified to the left-bullets 70% width size</li>
</ul>
<img > //not important here
</div>

CSS:
#main-content-left-container {
width: 450px;
position: relative;
float: left;
margin-left: 5px;
}

#left-bullets {
position: relative;
width: 70%;
margin: 0 15px 0 auto;
list-style-type: disc;
font-size: 12pt;
text-align: justify;
}

我在CSS中尝试了很多text-align的变体和组合。显示：阻止等但是我仍然无法证明这个文本是合理的。

Answer 1

我found这段代码可以做到：

#element:after {
  content: "";
  display: inline-block;
  width: 100%;
}

但某些版本的IE不支持此功能。

小提琴：http://jsfiddle.net/bortao/LtKeK/

使用css对齐垂直li元素文本

1 个答案: