html - 可打印选项卡按钮

标签 html css printing tabs user-controls

我目前受困于一些 HTML 代码。在我的网站上,我目前有 5 个现有选项卡,但我想让一个可点击的选项卡将用户重定向到一个可打印的页面,该页面会弹出特定于他们浏览的打印菜单。我想我的 HTML 代码中可能遗漏了一些东西。在下面你可以找到我从我的一个标签中提取的简化版本:

<div class="tab-item">
 <a class="tab-label text-center"><i class="icon-1-map"></i> Ligging</a>
 <div class="tab-content">
  <iframe src="<!--GOOGLE MAPS LINK-->" style="width:100%; height:400px; frameborder:0; border:0" allowfullscreen></iframe>
 </div>  
</div>

我想实现这样的东西

<div class="tab-item">
 <a href="../../print/k420-torhoutsesteenweg306.html">
  <i class="icon-1-print"></i> Print deze pagina
 </a>
</div>

问题是,有时选项卡甚至不显示,如果我将代码更改为下面的代码,它不会将我带到链接页面。

<div class="tab-item">
 <a class="tab-label text-center" href="../../print/k420-torhoutsesteenweg306.html">
  <i class="icon-1-print"></i> Print deze pagina
 </a>
</div>

谁能帮帮我?

如果您想查看完整的源代码,请单击 here

谢谢!

最佳答案

欢迎使用 StackOverflow。

1) 要在加载时打开页面的打印对话框,只需将其添加到 HTML 的 <body> 底部即可。 : <script>window.print()</script>

2) 至于您的消失代码,请提供更多信息和/或链接您的 CSS。另外,你为什么要使用 <i>就这样吗? <i>是以斜体

显示文本

您提供的信息不足以纠正任何问题。

关于html - 可打印选项卡按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42925327/

相关文章:

jquery - 图像调整大小和裁剪以适合父 div

html - ASP.NET Core MVC 中的多行文本框/输入字段

c - 打印存储在 char 数组中的\x 转义字符

javascript - 为什么我从两个差异中得到相同的结果?

css - 电子邮件基础的自定义 Scss 不导入

html - 如何设置菜单事件链接背景

javascript - 基于 CSS 类和文本的排序元素不起作用

java - 签名的 Java Applet 提示打印机访问

.net - PrintDialog.ShowDialog(this) 在 Windows 7 上立即返回 DialogResult.Cancel

javascript - ReactJS/jQuery 获取 HTML