Question

我有一个模板，<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>

是否有任何技术可以实现这一目标。

Answer 1

是的，可以做到。

以下是WORKING SOLUTION

您的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;
}

Answer 2

demo

您可以通过设置悬挂缩进来执行此操作：

padding-left: 15px; text-indent: -10px;

Answer 3

尝试以下方法：

<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>

将第一个字母定位为列表式外部

3 个答案: