html 相关问题

HTML(超文本标记语言)是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示,使其成为标记语言,而不是编程语言。 HTML主要与CSS和JavaScript结合使用,为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

用户计算机中本地文件的绝对路径

是否有使用 JavaScript 完成的本地文件操作,当用户使用目录或文件选择器进行选择时,实际上可以获取文件或文件夹的绝对路径? 具体来说,我...

回答 2 投票 0

LG WebOs 浏览器在 HTML 模式下图像质量降低

我有一张大小为11MB、尺寸为3840px x 2160px的图像,在LG 50UM670H0UA WebOs浏览器上渲染,其图像质量似乎有所下降。 电视配置如下: 型号名称 - 50UM670...

回答 1 投票 0

将 SQL 结果导出为 HTML 时将一行数据拆分为两行

我在 SQL Server 中有一个结果集(经过简化且行数较少): 姓名 最后销售 交货详情 赎回日期 细节 史密斯 2024-06-13 包裹去侧博士 2024-08-19 询价休息 史密斯 2024-...

回答 1 投票 0

有没有办法修复 Outlook 2016 上的 HTML 电子邮件宽度?

我正在发送 HTML 电子邮件,但无论我做什么,无论为 table、tr、td、div 和 body 添加宽度,电子邮件内容无论如何都会占据整个宽度。 Outlook 20 上都会发生这种情况...

回答 2 投票 0

正则表达式匹配{@layout=xxx}

我正在尝试通过创建自己的模板系统来了解模板系统的背后,但我遇到了障碍...... 我想按如下方式设置我的模板: {@layout=布局名称} {@内容} 这是一段... 我正在尝试通过创建自己的模板系统来了解模板系统的背后,但我遇到了障碍...... 我想按如下方式设置我的模板: {@layout=layoutname} {@content} <p>This is a paragraph</p> {@endcontent} 但我不知道如何匹配{@layout=并获取布局名称。 我已经尝试过:if (preg_match('/(\{\@layout=[a-z]+\})+/', $string, $matches)) {,这有效......有点。我想检查是否加载了超过 1 个布局以防止长文件中出现错误,并且想要计算我有多少个 $matches,如果找到超过 1 个匹配则返回错误,但它不是获取所有找到的布局,而是返回相同的布局布局两次: 使用的琴弦: {@layout=app} {@layout=main} {@content} <h1>{[username]} profile</h1> <img src="{[photoURL]}" class="photo" alt="{[name]}" width="100" height="100"/> <b>Name:</b> {[name]}<br /> <b>Age:</b> {[age]}<br /> <b>Location:</b> {[location]}<br /> {@endcontent} 使用这个表达我得到: Array ( [0] => {@layout=app} [1] => {@layout=app} ) 有人可以帮我找到我的正则表达式吗? 您需要使用 preg_match_all 来获取同一字符串中的多个匹配项。在这种情况下,您想要检查 $matches[1],它将是捕获组结果的数组。如果您有多个布局,那么它将有多个元素,因此如果是这种情况,您就知道有多个布局声明。 我还将您的正则表达式更改为 /\{\@layout=([a-z]+)\}/ ,它将仅捕获布局名称。 $matches 看起来像: array(2) { [0]=> array(1) { [0]=> string(20) "{@layout=layoutname}" } [1]=> array(1) { [0]=> string(10) "layoutname" } } 因此,如果count($matches[1]) > 1,您就知道有多个布局声明。否则,$matches[1][0] 是您的布局名称。 感谢@SebastianProske,我找到了我正在寻找的东西: if (preg_match_all('/\{\@layout=([a-zA-Z0-9]+)*\}/', $string, $matches)) { 这是正确的 if,它还返回名称和所有匹配项。

回答 2 投票 0

有什么方法可以让卡片始终位于背景图像内?

我希望无论屏幕大小如何,卡片都保留在背景图像内,但它不适合我。 这是我的内容代码 {% 块内容 %} .定制-sk...</desc> <question vote="0"> <p>我希望无论屏幕大小如何,卡片都保留在背景图像内,但它不适合我。</p> <p>这是我的内容代码</p> <pre><code>{% block content %} &lt;style&gt; .custom-skills-section { background: url(&#39;{{ background_image }}&#39;) center center / contain no-repeat; border-radius: 10px; padding: 20px; margin: 0 auto; width: 100%; max-width: 1600px; height: 1200px; } .custom-skill-card-shadow { height: 150px; display: flex; align-items: center; justify-content: center; } .custom-skill-card-content { border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: #f0f4f8; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .custom-skill-title { font-size: 1em; font-weight: 600; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } &lt;/style&gt; &lt;div class=&#34;d-flex justify-content-center align-items-center&#34; style=&#34;min-height: 100vh;&#34;&gt; &lt;div class=&#34;custom-skills-section&#34;&gt; &lt;h2 class=&#34;text-center text-white py-4&#34;&gt;My Skills&lt;/h2&gt; &lt;div class=&#34;container&#34;&gt; &lt;div class=&#34;row&#34;&gt; {% for skill in skills %} &lt;div class=&#34;col-lg-4 col-md-6 col-12 mb-4 custom-skill-card&#34;&gt; &lt;div class=&#34;custom-skill-card-shadow&#34;&gt; &lt;div class=&#34;custom-skill-card-content&#34;&gt; &lt;h4 class=&#34;custom-skill-title&#34;&gt;{{ skill.name }}&lt;/h4&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; {% endfor %} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; {% endblock content %} </code></pre> <p>你好, 我的想法是将卡片放在记事板内,看起来像老学校一样。但卡片总是从记事板上掉下来。在较小的屏幕上,它们从背景图像的上方和下方出来。</p> <p>看看它在这张图片上的样子: <a href="https://i.sstatic.net/istlq2j8.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvaXN0bHEyajgucG5n" alt="enter image description here"/></a></p> </question> <answer tick="false" vote="0"> <p>你可以尝试一下你的 CSS 样式:</p> <pre><code>.container{ max-width: 95% // so that it will be never in outside the box and make sure it is less than 100% } .custom-skills-section { //your existing background-size: cover; } </code></pre> <p><strong>注意:</strong> 对于卡片,请使用网格显示</p> </answer> </body></html>

回答 0 投票 0

使用 HTML 的 Outlook 电子邮件中的表格边框

我有一个生成 Outlook 电子邮件的宏。 要求之一是将表格添加到电子邮件中。 另一个要求是电子邮件的第一部分是法语,然后是第二部分......

回答 1 投票 0

如果我有一个不是图像而是定义集合的 svg 文件,我可以将其称为外部文件吗?

我有一长串定义字符形状的路径。 或多或少有128条路径。 路径在 列表中定义,稍后使用 元素进行引用。 我...

回答 1 投票 0

如何使用 Tailwind CSS 和 HTML 隐藏 div 中的一半图像?

我试图隐藏父 div 内的部分图像。在附图中,橙色区域代表卡片(或“父 div”),红色区域是应用了一些旋转的图像......

回答 1 投票 0

Vercel 部署后不渲染 CSS、图像和其他静态文件(本地工作) – 尝试了多种修复方法

该项目在本地主机上完美运行,所有 CSS、图像和 JavaScript 文件都能正确加载。但是,在 Vercel 上部署项目时,CSS 无法渲染,图像无法加载......

回答 1 投票 0

如何将 html 日期选择器最大日期设置为等于今天

我遇到一种情况,用户只能输入今天之前的日期。 请问最简单的方法是什么?

回答 1 投票 0

如何从 Sublime Text 3 中的 HTML 语法继承 XML 文件中的 CDATA 语法?

我正在尝试为 XML 文件创建一个新的 sublime 语法,它将 CDATA 中的标签视为 HTML。 我创建了一个新的 sublime-syntax 文件,复制了原始的 XML 规则(打开它们......

回答 2 投票 0

如何获取 svgElement 的比例?

我正在研究 svg。 ...

回答 3 投票 0

我正在bootsrap5项目中工作,所以对于数据我需要根据Figma调整日历

我正在项目 bootstrap5 中工作,所以对于数据我需要根据Figma 调整日历 下面我分享我的代码: 我正在项目 bootstrap5 中工作,所以对于数据,我需要根据Figma 调整日历 下面我分享我的代码: <div class="form-group"> <input type="text" name="datefilter" value="" class="form-control" placeholder="Start Date - End Date"> </div> 目前我的日历是公正的基础,如图所示: 但是我如何调整我的代码,例如 Figma 上的日历,是我附加的第二张图片: 谢谢。 我尝试对数据选择器表的类进行样式设置,但根本不起作用。 我需要根据 Figma 检查来设计日历样式,我试图做到这一点,但效果不佳: $(function() { $('input[name="daterange"]').daterangepicker({ opens: 'right', locale: { format: 'MMM D, YYYY', applyLabel: 'Apliko', // Your "Apliko" button for apply cancelLabel: 'Cancel', daysOfWeek: ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU'], monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], firstDay: 1 }, startDate: moment().subtract(29, 'days'), endDate: moment(), }); }); .daterangepicker { width: 752px; height: 470px; border-radius: 9px; border: none; background: #FFF; box-shadow: 0px 16px 23.5px 0px rgba(0, 0, 0, 0.15); } .daterangepicker:before { position: relative; border-right: none; border-left: none; top: 0; } .daterangepicker .drp-calendar { margin: 20px; width: 372px; } table>thead>tr:nth-child(1) { position: relative; width: 372px; } table>thead>tr:nth-child(1)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #BDBDBD; } .daterangepicker .calendar-table .prev span { /* background-image: url("/assets/images/chevron-left.png"); */ border: solid #828282; border-width: 0 2px 2px 0; /* width: 21px; height: 21px */ } .daterangepicker .calendar-table .month{ color: #828282; text-align: center; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; } <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.js"></script> </head> <body> <div class="container mt-5"> <input type="text" name="daterange" class="form-control" placeholder="Start Date - End Date" id="datefilter"> </div> </body> </html>

回答 1 投票 0

HTML 按钮可以在 Windows 关联的默认应用程序中打开文件吗?

我想知道 HTML 按钮是否能够在 Windows 与该文件类型关联的应用程序中打开文件(在 ms-settings:defaultapps 中)。

回答 1 投票 0

使用未来定义的参数的Javascript函数

我正在做一个出现在该视频 10:10:02 中的问题 https://youtu.be/EerdGm-ehJQ?t=36602 (挑战练习 12f) 问题如下: 单击 HTML 中的按钮 在 sc 上添加消息...

回答 1 投票 0

表单位于父 div 内部,位于该 div 外部

我是新编程,我正在使用 python 和 Flask 以及 sqlalchemy(sqlite) 构建一个应用程序。 我正在制作一个博客的 Flask 应用程序,该应用程序有一个添加文章 html 文件,其中是上传 Tit 的表单...

回答 1 投票 0

如何在 CSS 中以动画形式扩展内容高度而无需固定值?

我有一个按钮可以在 0 到 200px 之间切换元素的高度。但是,我希望高度完全展开以显示所有内容,而不是设置固定高度 200px。使用 h...

回答 1 投票 0

在 HTML 或 JavaScript 中设置自定义 userAgent

有什么办法可以做到这一点吗?我正在尝试向网站发送 GET 请求,但我想自定义我的 UserAgent。有没有办法用纯 HTML 和 JavaScript 来做到这一点?我希望它全部执行

回答 5 投票 0

如何使用qrious创建<p />中内容的二维码?

我正在尝试在使用 qrious.js 创建的 Bill 设计中包含 QR 码 互联网上的所有示例都使用实时文本输入来创建二维码,而我想要静态文本的二维码......

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.