当前位置：文江博客话题详情

当数据使用内联CSS空白时，隐藏跨度

发布于 2025-01-25 09:28:03 字数 126 浏览 2 评论 0原文

我的名字：[$ name]

如何使“ 我的名字：”不可见，如果“ [$ name] ”是空白的？我正在使用内联CSS，因为此表格将发送到HTML电子邮件。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我是男神闪亮亮 2025-02-01 09:28:03

如评论中所述，如果您只想使用CSS，则取决于HTML结构。不过是可能的。

.nameContainer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.name {
  margin-left: 0.5em
}

.name:empty + span {
  display: none;
}

<div class="nameContainer">
  <span class="name"></span><span>My name:</span>
</div>

<div class="nameContainer">
  <span class="name">John Doe</span><span>My name:</span>
</div>

As mentioned in the comments, if you want to use CSS only, it depends on the HTML structure. It is possible though.

.nameContainer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.name {
  margin-left: 0.5em
}

.name:empty + span {
  display: none;
}

<div class="nameContainer">
  <span class="name"></span><span>My name:</span>
</div>

<div class="nameContainer">
  <span class="name">John Doe</span><span>My name:</span>
</div>

回复收藏 0 原文

~没有更多了~