2

我有一个模板，上面没有定义列表，<ul><li></li></ul>但如下

html

<div>• some text here long text here</div>
<div>• some text here long text here</div>
<div>• some text here long text here</div>

css

div{width: 100px;}

像这样的产品

• 这里有一些文字

长文在这里

由于内容较大，我无法更改这一点，即我必须更改超过一千篇文章。所以我希望用css改变它，让它变成这样

• 这里有一些文字

long text here

这是缩进第一个字母为list-style-position: outside; we do in <ul>

有没有什么技术可以做到这一点。

4

3 回答 3

0

是的，它可以做到。

这是工作解决方案

您的 HTML：

<div>• some text here long text here</div>
<div>• some text here long text here</div>
<div>• some text here long text here</div>

CSS：

div {
    margin-left: 19px;
    text-indent: -12px;
    width: 100px;
}
于 2013-06-24T12:13:31.977 回答
0

演示

您可以通过设置悬挂缩进来做到这一点：

padding-left: 15px; text-indent: -10px;
于 2013-06-24T12:14:33.413 回答
0

尝试以下操作：

<html>
<head>
    <title></title>
    <style type="text/css">
div {
    margin-left: 19px;
    text-indent: -12px;
    width: 100px;
}
</style>
<body>

        <div>• some text here long text here</div>
<div>• some text here long text here</div>
<div>• some text here long text here</div>
</body>
</html>
于 2013-06-24T12:32:00.913 回答