编辑:我真的很抱歉,我认为我犯了一个错误。现在它正在按预期工作。当我使用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>
这就是我从代码中得到的: