编辑:我真的很抱歉,我认为我犯了一个错误。现在它正在按预期工作。当我使用div而不是span时出现了问题。我以为我更改和更新了代码,但显然我没有:(

我是HTML5 / CSS的新手,刚开始接触它。今天,我遇到了有关font-weight的问题(我正在使用网络字体)。我的PHP代码如下所示:

echo '<p><strong>'.$name$.'</strong>, You made a reservation at <strong>'.$date.'</strong></p>'


并且我已将CSS设置为(在CSS重置后):

h1, p, input, table {
    font-family: "Noto Sans KR", serif;
    font-weight: 300;
}

p {
    font-size: 12pt;
    line-height: 180%;
}

strong {
    font-weight: 500;
    white-space: nowrap;
}


然后一切都对了。 strong标记内的文本显示为粗体。然后,我尝试在$name中应用省略号,因此我将PHP代码更改为:

echo '<p><span class="inform-name ellipsis"><strong>'.$name.'</strong></span>, You made a reservation at <strong>'.$date.'</strong></p>'


并将CSS设置为:

.inform-name {
    display: inline-block;
    max-width: 18em;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


然后,突然strong标记内的文本不再显得粗体。但是strong标记仍然适用。当我将font-weight更改为800时,文本再次显得粗体,但strong(在p之外)中的其他文本看起来更粗了。

span标记放在p标记内是否会有所改变?我不明白这里发生了什么,我尝试搜索,但找不到任何有关此问题的信息。有谁知道它为什么会发生以及如何解决?任何帮助将非常感激。

最佳答案

因此,我不太确定这是否是您要查找的内容,但这是一种可以帮助您解决问题的解决方案

首先,我声明了两个变量$name$date

然后,我删除了span标记。

这是代码:

PHP:
    

$name = 'John Johnson';
$date = '09-09-09';

echo '<p class="inform-name ellipsis"><strong>'.$name.'</strong>, You made a reservation at <strong>'.$date.'</strong></p>';

?>


CSS:

<style>
    .inform-name {
    display: inline-block;
    max-width: 18em;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    h1, p, input, table {
    font-family: "Noto Sans KR", serif;
    font-weight: 300;
}

p {
    font-size: 12pt;
    line-height: 180%;
}

</style>


这就是我从代码中得到的:

php - 字体粗细不一致?-LMLPHP

10-05 20:41
查看更多