font-weight是否不一致？

Question

编辑：我很抱歉，我认为我犯了一个错误。现在它按预期工作。当我使用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标记是否会改变某些内容？我无法理解这里发生了什么，我尝试搜索，但我找不到任何关于这个问题。有谁知道它为什么会发生以及如何解决它？任何帮助都会非常感激。

Answer 1

所以，我不太确定这是不是你正在寻找的，但这里有一个可以帮助你解决问题的解决方案

首先，我宣布了两个变量$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>

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