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

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

html css

Html 将第一个字母定位为外部列表样式,html,css,Html,Css,我有一个模板，上面没有定义列表，但如下所示 html 哪种产品是这样的 •这里有一些文字 long text here 这里有长文本 long text here 我无法更改此内容，因为内容较大，即我必须更改超过1000篇文章。所以我想用css来改变它，这样它就会变成这样 •这里有一些文字 long text here 即将第一个字母缩进为列表样式位置：外部；我们在有什么方法可以做到这一点。是的，可以做到这是你的电话号码您的HTML: <div>• some text h

我有一个模板，上面没有定义列表，但如下所示

html

哪种产品是这样的

•这里有一些文字

long text here

这里有长文本

long text here

我无法更改此内容，因为内容较大，即我必须更改超过1000篇文章。所以我想用css来改变它，这样它就会变成这样

•这里有一些文字

long text here

即将第一个字母缩进为

列表样式位置：外部；我们在

有什么方法可以做到这一点。

是的，可以做到

这是你的电话号码

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

div {
    margin-left: 19px;
    text-indent: -12px;
    width: 100px;
}

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

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

请尝试以下操作：

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


div{
左边距：19px；
文本缩进：-12px；
宽度：100px；
}
•此处有一些文本此处有长文本
•此处有一些文本此处有长文本
•此处有一些文本此处有长文本

是啊！同时,。但是，如果您在该div中应用了背景，则左边填充比左边空白更为珍贵。这是真的，但OP没有提到有背景。他想要的是列表样式的外观，不管你是给一个边距还是填充，还是不给任何东西，文本缩进是解决问题的方法，而边距或填充只是给他一个空间，让他看到他的东西正在使用文本缩进，这正是我的观点，这里已经回答过了。既然两个答案同时出现，为什么你总是重复你的问题。这是不好的。很抱歉，但它不是在同一时间出现的，我来得早，你可以证实这一点，但我在这里不是要就这些观点进行争论，也不是要从这场争论中夺走任何人的声誉。我分享我的知识，你是否抄袭了我的答案，或者这是一个共同事件，这与我无关了。OP得到了解决方案，这就解决了所有问题。已经回答了。你的值也和答案一样。