哪个CSS属性（如果有）决定段落中每个*句子*之间的间距？

2024-06-03 • 问答

由于CSS / HTML不在乎双精度空格，因此此HTML代码：

import requests


session = requests.session()


def stringify(obj: dict) -> dict:
    """turn every value in the dictionary to a string"""
    for k,v in obj.items():
        if isinstance(v,dict):
            # if value is a dictionary,stringifiy recursively
            stringify(v)
            continue
        if not isinstance(v,str):
            if isinstance(v,bool):
                # False/True -> false/true
                obj[k] = str(v).lower()
            else:
                obj[k] = str(v)
    return obj


with open('cookies.json') as f:
    cookie_list: list = json.load(f)
    # create the cookie jar from the first cookie
    cookie_jar = requests.utils.cookiejar_from_dict(stringify(cookie_list[0]))
    # append the rest of the cookies
    for cookie in cookie_list[1:]:
        requests.utils.add_dict_to_cookiejar(cookie_jar,stringify(cookie))
    session.cookies = cookie_jar

...在视觉上呈现为：

<p>This is a sentence.  This is another sentence.</p>

它“吞噬”任何其他空格。（除非您使用特殊的格式设置规则，否则这些规则会将所有内容都变成严格的“纯文本”，并破坏了CSS / HTML的含义。）

出于这个原因，我假设必须有一些CSS属性来告诉浏览器段落中每个句子之间应放置多少空间（而不是每个单词，每个字母之间或仅在该段的开头），例如：

This is a sentence. This is another sentence.

如果该属性存在，那么在处理CSS的所有年份中我从未遇到过。如果不存在，则是唯一手动添加的解决方法

p
{
    space-between-sentences: 2em;
}

到处强迫两个空格？因为这对我来说真是丑陋/骇人听闻/不正确...

据我所知，CSS中没有这样的属性。

最好使用标记来解决此问题，例如注释之一中描述的内容，即将句子包装在具有特定类的<span>标签中，您可以在其中添加边距，或者利用 实体。

分两段。您可能希望使用带有类语句的两段HTML容器

一个句子和一个Paragraph标记实际上是相同的东西。段落标记仅指示文本将出现在屏幕上。您可能希望将句子放在Div内以包含您的句子，以便它们可以并排结束。

<div class="row">
     <p class = "column"> This is a sentence</p>
     <p class = "column"> this is another sentance</p>
</div>

有很多方法可以设置CSS文档，以使句子并排。在CSS中，我们正在对这些段落进行样式设置。如果您要创建列，建议您检出W3 Schools CSS two colummns

.row { 向左飘浮; 宽度：50％; } .column { 向左飘浮; 宽度：50％; 填充：10px; 高度：300像素； / *应该删除。仅用于演示* / } .row：之后{ 内容：“”；显示：表；清楚的 }
设置句子的另一种方法是使用Flexbox。

.row { 显示：flex; }

.column { 柔韧性：50％; }
如果您不希望文档中的列，而只想在句子之间留空格，则可以使用内联样式，但是我强烈不建议使用此功能，在移动视图中它看起来不太好。并不是说我使用了跨度标签<span>而不是段落标签<p>，而是我只是相信使用跨度可以使代码更清晰。

   span.a {
      display: inline; /* the default for span */
      width: 100px;
      height: 100px;
      margin: 30px;
      border: 1px solid blue;
      background-color: yellow;
    }

    span.b {
      display: inline-block;
      width: 200px;
      margin: 20px;
      border: 1px solid blue;
      background-color: yellow;
    }

    <div>
         <span class = "a"> This is a sentence</span>
         <span class = "b"> this is another sentance</span>
    </div>

哪个CSS属性（如果有）决定段落中每个句子之间的间距？

alfud0324 回答：哪个CSS属性（如果有）决定段落中每个句子之间的间距？

哪个CSS属性（如果有）决定段落中每个*句子*之间的间距？

alfud0324 回答：哪个CSS属性（如果有）决定段落中每个*句子*之间的间距？

大家都在问

哪个CSS属性（如果有）决定段落中每个句子之间的间距？

alfud0324 回答：哪个CSS属性（如果有）决定段落中每个句子之间的间距？