display 相关问题

如何在网格容器外显示图像以动态填充右侧所有可用空间 |需要帮助

我有一个关于 img 元素的问题，如何显示它 - 所以它会超出网格容器并动态填充右侧的其余空间（拉伸并填充可用空间...

CSS 不显示或可见性不起作用

我的网站主页上有一个水平链接列表。然而，当屏幕变得太小时使网站响应时，就像移动设备一样，我想将其更改为...

Cakephp下拉列表（selectlist）+如何显示模型中的值和相关模型

我想在下拉列表（选择列表）中显示，该下拉列表连接模型中的字段值和相关模型中的字段值。我有一个表“working_day”，它链接到...

<iframe> 下载 pdf 文件而不是显示

这是我的component.html 这个</desc> <question vote="4"> <p>这是我的组件.html</p> <pre><code> &lt;iframe [src]=&#34;frameSrc | safe&#34; class=&#34;frameSet&#34; type=&#34;application/pdf&#34; frameborder=&#34;0&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt; This browser does not support PDFs. Please download the PDF to view it: &lt;a href=&#34;frameSrc | safe&#34;&gt;Download PDF&lt;/a&gt; &lt;/iframe&gt; </code></pre> <p>当此组件在我的浏览器（<strong>Chrome</strong>）中打开时，将下载 pdf，而不是显示。 <pre><code>frameSrc</code></pre> 来自我指定为 <pre><code>[src]</code></pre> 的父组件。我想显示 pdf 而不是下载。我做了一些研究，发现浏览器默认的 <pre><code>Content-Disposition</code></pre> 是 <pre><code>attachment</code></pre>。我怎样才能改变它，以便它适用于每个浏览器？ </p> </question> <answer tick="false" vote="1"> <ul> <li><p>我不明白为什么属性周围有括号：<pre><code>[src]</code></pre>如果您还不知道：不要这样做。</p> </li> <li><p><pre><code>&lt;iframe&gt;</code></pre> 没有 <pre><code>type</code></pre> 作为有效属性，但 <pre><code>type</code></pre> 确实适用于 <pre><code>&lt;iframe&gt;</code></pre> 的姊妹标签 <pre><code>&lt;object&gt;</code></pre> 和 <pre><code>&lt;embed&gt;</code></pre>。</p> </li> </ul> <p>由于沙箱的限制，以下演示无法在 SO 上运行。前往这个 <s><strong>Plunker</strong></s> 查看功能演示。源 PDF 由 <strong><a href="https://pdfobject.com/static.html" rel="nofollow noreferrer">PDFObject</a></strong></p> 提供 <hr/> <s>笨蛋</s> --- 演示 ==== <p><em><strong>看起来 Plunker 不再运行嵌入内容，因此如果您想查看功能演示，只需将整个代码复制并粘贴到任何文本编辑器（记事本、Notepad++ 等）中，然后另存为 HTML 文件（ .html 文件扩展名）。</strong></em></p> <hr/> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; * { margin: 0; padding: 0; } figure { display: table; border: 3px ridge grey; position: relative; width: 96vw; min-height: 250px; height: auto; margin: 0 auto 35px; } figcaption { border: 3px ridge grey; text-align: center; font: 900 20px/1.5 Verdana; padding: 0 0 8px 0; background: rgba(51, 51, 51, 0.3); color: #fff; } iframe, object, embed { overflow: hidden; position: absolute; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;figure&gt; &lt;figcaption&gt;IFRAME&lt;/figcaption&gt; &lt;iframe src=&#34;https://pdfobject.com/pdf/sample-3pp.pdf#page=1&#34; class=&#34;frameSet&#34; frameborder=&#34;0&#34; allowfullscreen width=&#34;100%&#34; height=&#34;100%&#34;&gt;&lt;/iframe&gt; &lt;/figure&gt; &lt;figure&gt; &lt;figcaption&gt;OBJECT&lt;/figcaption&gt; &lt;object data=&#34;https://pdfobject.com/pdf/sample-3pp.pdf#page=2&#34; class=&#34;objectSet&#34; type=&#34;application/pdf&#34; width=&#34;100%&#34; height=&#34;100%&#34;&gt;&lt;/object&gt; &lt;/figure&gt; &lt;figure&gt; &lt;figcaption&gt;EMBED&lt;/figcaption&gt; &lt;embed src=&#34;https://pdfobject.com/pdf/sample-3pp.pdf#page=3&#34; class=&#34;embedSet&#34; type=&#34;application/pdf&#34; width=&#34;100%&#34; height=&#34;100%&#34;&gt; &lt;/figure&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>您需要像下面这样修改您的网址</p> <pre><code>iframeURL = &#39;urlThatYouGetFromAPI&#39; + &#39;&amp;embedded=true&#39; &lt;iframe [src]=&#34;iframeURL&#34;&gt;&lt;/iframe&gt; </code></pre> <p>实际上，您只需将此字符串 <pre><code>&amp;embedded=true</code></pre> 添加到 URL 末尾即可。</p> <p>您也可以使用 domSanatizer 使其更安全</p> <pre><code> readonly #domSanitizer = inject(DomSanitizer); iframeURL = this.#domSanitizer.bypassSecurityTrustResourceUrl( `${URL}&amp;embedded=true` ); </code></pre> </answer> <answer tick="false" vote="-3"> <p>问题是我正在渲染一个通过 https 的 pdf，而我一直得到的只是 CORS 错误</p> <p>我刚刚在 index.html 文件中添加了一个元标记，如以下部分所示：</p> <pre><code>&lt;meta http-equiv=&#34;Content-Security-Policy&#34; content=&#34;upgrade-insecure-requests&#34;&gt; </code></pre> <p>在我想显示它的页面/模块中如下：</p> <pre><code> &lt;object data=&#34;your_url_to_pdf&#34; type=&#34;application/pdf&#34;&gt; &lt;iframe src=&#34;https://docs.google.com/viewer? url=your_url_to_pdf&amp;embedded=true&#34; frameborder=&#34;0&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt; &lt;/iframe&gt; &lt;/object&gt; </code></pre> </answer> </body></html>

如何内嵌图像？

我正在尝试将图片“柜子”，“愿望清单”和“购物车”像图片上一样。在此处输入图像描述，文本必须位于图片下方，并且图片应为

Lighthouse：确保文本在加载 MaterialDesignIcons Webfonts 期间保持可见

我想提高使用 Vuetify 构建的 Web 应用程序的 Google Lighthouse 分数。 为了提高性能分数，我一直在尝试摆脱诊断： 确保文本保持可见

日期数据类型可以显示为 DD-MON-YYYY 而无需将其更改为字符数据类型吗？

当我查看“日期”类型的数据框列时，它显示为 YYYY-MM-DD。 有没有办法让数据框的日期列显示为 DD-MON-YYYY，同时仍然是数据类型...

嵌入多个Youtube直播并使用按钮管理显示

我正在尝试设置一个嵌入 2 个永久直播流（来自 2 个不同频道）的网站页面。页面上有 2 个按钮，允许用户显示 1 个视频或另一个。 哈...

RStudio：日期数据类型可以显示为 DD-MON-YYYY 而无需将其更改为字符数据类型吗？

在 RStudio 中，当我查看“日期”类型的数据框列时，它显示为 YYYY-MM-DD。 有没有办法让数据框的日期列显示为 DD-MON-YYYY，同时仍然是

显示flex但它总是显示行，而不是列

测试我的代码 嘿嘿，最近才开始学习前端。在这个测试中，我为登陆页面编写了这段代码。不幸的是，我的代码似乎无法正常工作。我希望我的代码与列一起运行...

.NET WinForms：如何从表单“后面”获取屏幕截图？

令 rect 为当前屏幕上显示的表单的左、上、宽、高。现在，我想截取桌面“后面”显示的内容的“屏幕截图”。

Colab中显示音频后如何立即接受终端输入？

我正在尝试在 Colab 中编写一个函数，播放一个简短的音频文件，然后显示一个文本框供用户输入响应。但是，当我尝试以下代码时，音频文件会播放

如何以编程方式区分 2 个显示器{笔记本电脑集成显示器和通过端口连接的外部显示器}

我想使用一些参数以编程方式区分两个监视器，这些参数如下： 显示器是笔记本电脑的“集成显示器”或者， 显示器是“外部显示器”并通过...连接

在 yaxis2 上绘图显示点，但不在 yaxis1 上显示点

我面临着魔法，但我在互联网上没有找到任何反咒语。著名的人工智能也没有帮助我。 当我在第二轴上显示数据时，它会显示，但不会在轴一上显示 如果我改变...

无法使用 fetch api ReactJS/nodeJS 显示我的消息

我想使用 fetch API 调用。 为了尝试它是否有效，我尝试显示一条消息。 在我的nodeJs服务器中我有： app.get('/api', (req, res) => { 发送({ 消息：“嗨” }) }) 在我的前端文件夹中，我...

Flex 元素在换行之前不会占用所有可用空间

我正在尝试实现下一个设计，其中元素在换行之前占据所有可用空间并保持文本居中： 现在我在

如何在不使用JS的情况下将鼠标悬停在段落的不同部分时显示隐藏的div？

我试图将鼠标悬停在段落的一部分上时显示隐藏的 div。段落有两个部分需要悬停效果，每个部分都有自己的 div，以在悬停时显示。然而，我却...

我想知道如何正确格式化这些框

目前的情况是这样的： 我想把它做成这样： 我已经尝试更改边框大小、填充和显示类型（当前是内联块），并更改宽度/

我想知道如何正确格式化这些框

目前就是这样 我想把它做成这样 我已经尝试更改边框大小、填充、显示类型（当前是内联块）并更改宽度/高度...

如何在 Selenium WebDriver 中使用 IsDisplayed()

这里我为两个按钮创建了页面工厂 @FindBy(id = "书座") WebElement SlotBooking； @FindBy（id =“继续购买”） 网络元素