html - 如何使用CSS隐藏字符串中的一些文本

标签 html css

请查找更新的代码

<html>
<title>css</title>
<head>
<style>
#st {
z-index: -114;
margin-right: -80px;     
}
</style>
</head>
State Code : <span><span id="st"></span>Maharashtra - MH</span>
</html>

我得到了以下输出,但我需要清晰的重叠文本

enter image description here

最佳答案

解决这个问题的唯一方法是使用 css display: none 或 visibility: hidden property ,两者都可以,我建议不显示。这是 CSS 和 HTML 隐藏数据的唯一方式。

<span>State Code: <span id="st"><span style="display: none">Maharashtra - </span>MH</span></span>

关于html - 如何使用CSS隐藏字符串中的一些文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47049437/

相关文章:

java - 获取使用HTTPClient获取的部分数据

html - 显示时将隐藏的 HTML 文本设为粗体

javascript - 使用复选框(过滤)根据下拉列表中的多个选择隐藏/显示行

javascript - 使用 Vanilla JS 在父级中仅查找父级 DIV,然后查找子级 DIV

javascript - 无法设置 null 控制台的属性 'innerHTML' 正确看到该值

javascript - 如何使用 for 循环动态设置 'div' 元素的颜色以匹配在颜色小部件上选取的颜色?

javascript - 如何使用 jQuery 拖放段落元素

javascript - Material Design 缩放字体

css - WordPress导航菜单颜色,每个选定页面的更改

css - 将 CSS 样式表添加到不带 Bower 的 UI 路由器状态