·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹📱AI全功能
🔄最新发布📃文档资料库🆔加群看共享软件分享切换到窄版
立即注册
DZ插件网»🏠首页 › Discuz! › 站长圈子 › 控制指定的P标签只在移动端显示，不在PC端显示，但是会 ...
返回列表 发布新帖

控制指定的P标签只在移动端显示，不在PC端显示，但是会占用PC端空间。

[复制链接]
170 9
发表于 2026-1-25 15:57:52 | 查看全部 阅读模式

马上注册，免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看，没有账号？立即注册

×
控制指定的P标签不在PC端显示，但是会占用PC端排版空间，多出空白部分。    怎么去除这个箭头多出的空白空间。 用了 display: none 为什么还会多出空白空间。

控制指定的P标签只在移动端显示，不在PC端显示，但是会占用PC端空间。 排版,PC,none,768,mobiledisplay,显示,PC,标签,空间,控制

网页上的控制代码是这种：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PC端隐藏P标签</title>
   <style>
/* 默认情况下，PC隐藏该 p 标签 */
p.only-mobile {

display: none;

}

/* 当屏幕宽度小于 768px 时（通常为移动端），显示该 p 标签 */
@media (max-width: 768px) {

p.only-mobile {

display: block; /* 或者使用 inline，根据你的需求 */

}

}
    </style>
</head>
<body>
    <p class="only-mobile">这段文字仅在移动端显示，在PC端将被隐藏。</p>
</body>
</html>
排版, PC, none, 768, mobiledisplay, 显示, PC, 标签, 空间, 控制
我要说一句 收起回复
赞赏
回复

使用道具 举报

相关帖子

评论9

独家记忆Lv.8 发表于 2026-1-25 15:58:10 | 查看全部
问一下AI。。
我要说一句 收起回复
回复 支持 反对

使用道具 举报

婷姐Lv.8 发表于 2026-1-25 15:59:00 | 查看全部
不知道怎么问，问懂的更快
我要说一句 收起回复
回复 支持 反对

使用道具 举报

婷姐Lv.8 发表于 2026-1-25 15:59:16 | 查看全部
2个方案
  1. 核心 CSS 方案直接用 CSS 的 display: none 是最彻底的方式：css/* 只在 PC 端生效 */@media (min-width: 768px) {.your-p-class {display: none;}}
复制代码

备选方案（如果不能用 display: none）
  1. 如果因为某些原因不能用 display: none，可以组合使用 height: 0、margin: 0、padding: 0 来彻底消除空间：css@media (min-width: 768px) {.your-p-class {visibility: hidden;height: 0;margin: 0;padding: 0;overflow: hidden;border: none;}}
复制代码
我要说一句 收起回复
回复 支持 反对

使用道具 举报

TyCodingLv.8 发表于 2026-1-25 15:59:23 | 查看全部
本帖最后由 海尼尔 于 2026-1-24 21:50 编辑

你看我的代码，你的回答无效。display: none  我用了的
我要说一句 收起回复
回复 支持 反对

使用道具 举报

独家记忆Lv.8 发表于 2026-1-25 16:00:01 | 查看全部
display: none 就可以，不会占用空间，你的代码肯定有问题，要么没生效样式被覆盖了，要么其他地方占用的。
我要说一句 收起回复
回复 支持 反对

使用道具 举报

TyCodingLv.8 发表于 2026-1-25 16:00:33 | 查看全部
问AI吧。。
我要说一句 收起回复
回复 支持 反对

使用道具 举报

独家记忆Lv.8 发表于 2026-1-25 16:01:05 | 查看全部
我也觉得问问ai  代码还有上面的问题给它就行
我要说一句 收起回复
回复 支持 反对

使用道具 举报

独家记忆Lv.8 发表于 2026-1-25 16:01:39 | 查看全部
社区大神多
我要说一句 收起回复
回复 支持 反对

使用道具 举报

婷姐Lv.8 发表于 2026-1-25 16:01:58 | 查看全部
社区大神多
我要说一句 收起回复
回复 支持 反对

使用道具 举报

返回列表 发布新帖

回复
 懒得打字嘛，点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

上一主题 下一主题
关闭

站长推荐上一条 /1 下一条

最新热评 加载中...
AI智能体

关于我们

关于我们 免责声明 应用市场 下载中心

服务支持

有问必答 优秀站点 常见问题 建站必看
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载，复制和建立镜像，
如有违反，按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 ) 知道创宇云防御

您的IP:216.73.216.136(美国),GMT+8, 2026-11-8 22:07 , Processed in 0.130655 second(s), 50 queries , Gzip On, Redis On.

Powered by Discuz! X5.1 Licensed

© 2001-2026 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
 QQ客服返回顶部
快速回复 返回顶部 返回列表