html 相关问题

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

如何在HTML5视频上设置缩略图?

有没有办法在HTML5视频上设置缩略图?我想在比赛前看一些照片。我的代码看起来像这样:

回答 6 投票 80

CSS隐藏滚动条,但元素可滚动

我有一个名为 items 的元素,元素内的内容较长 比元素高度,我想让它可滚动但隐藏滚动条, 我该怎么做呢? 我有一个名为 items 的元素,元素内的内容较长 比元素高度,我想让它可滚动但隐藏滚动条, 我该怎么做? <div class="left-side"> <div class="items" style="display:block;width: 94%;margin: 0 auto;overflow: hidden;" > </div> </div> .left-side { height: 878px; padding-top: 20px; width: 1470px; } 我尝试将左侧类溢出设置为自动,但这没有用 任何东西。 您可以隐藏它: html { overflow: scroll; } ::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */ } 有关更多信息,请参阅:隐藏滚动条,但仍然可以滚动 我将 SO 中的几个不同答案组合到以下片段中, 我相信它应该适用于所有(如果不是大多数)现代浏览器。所有的你 要做的就是将 CSS 类 .disable-scrollbars 添加到您想要的元素上 将此应用到。 .disable-scrollbars::-webkit-scrollbar { background: transparent; /* Chrome/Safari/Webkit */ width: 0px; } .disable-scrollbars { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } 如果你想使用SCSS/SASS: .disable-scrollbars { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { background: transparent; /* Chrome/Safari/Webkit */ width: 0px; } } 希望这有帮助 /* Hide scrollbar for Chrome, Safari and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ html { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } 类似于 Kiloumap L'artélon 的回答, ::-webkit-scrollbar { display:none; } 也有效 适用于所有主要浏览器 html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } 您可以使用类将其隐藏在特定的 div 上: <div class="hide-scroll"></div> .hide-scroll{ overflow: scroll; } .hide-scroll::-webkit-scrollbar { background: transparent; /* make scrollbar transparent */ width: 0px; } 如果您确实想摆脱滚动条,请将信息分成两个单独的页面。 Jakob Nielsen 的滚动条可用性指南: 滚动和滚动条有五个基本的可用性指南: 如果某个区域有滚动内容,则提供滚动条。不要依赖 自动滚动或拖动,人们可能不会注意到。 隐藏 如果所有内容都可见,则滚动条。如果人们看到滚动条,他们就会 假设有额外的内容,如果不能,他们会感到沮丧 滚动。 遵守GUI标准并使用看起来像的滚动条 滚动条。 避免网页水平滚动并将其最小化 别处。 在首屏显示所有重要信息。用户 经常根据所看到的情况决定是留下还是离开 无需滚动。而且他们只分配了20%的注意力 首屏下方。 要使滚动条仅在需要时可见(即,当有内容向下滚动时),请使用 overflow: auto。 您可以使用 SlimScroll 插件使 div 可滚动,即使它设置为 overflow: hidden;(即隐藏滚动条)。 您还可以使用此插件控制触摸滚动以及滚动速度。 希望这有帮助:) 如果你使用sass,你可以试试这个 &::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */ } 只需将其添加到您的 CSS 中,工作就完成了... /* Hide scrollbar for Chrome, Safari and Opera */ body::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ body { overflow: -moz-scrollbars-none; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }

回答 10 投票 0

如何使用包含youtube视频的PHP发送电子邮件

我有一个PHP脚本,可以读取数据库并提取电子邮件地址。对于每个电子邮件地址,我构建了带有标题,图像,按钮等的html脚本。工作良好。我想在...中使用php发送

回答 1 投票 0

如果值为0,如何隐藏HTML表行

我有一个HTML表有4列,项目代码项目名称类别名称和数量输入数量字段我正在做的是用JSON数据填充表,最初输入字段是...

回答 3 投票 3

如何通过javascript或jquery修改css的selector *

我想知道是否可以通过javascript或jquery修改css的“*”选择器。例如,我有以下内容:* {margin:0px;填充:0px; list-style:none;文本- ...

回答 6 投票 4

如何在不刷新页面的情况下将内容附加到我的html页面并刷新DOM?

我将数据附加到表格,数据表插件不识别附加数据 (文档)$ .REFRESH 也许有像document.refresh这样的东西?

回答 1 投票 0

HTML表格页脚无法跨越所有列

警告:是的,颜色不是最好的。这是我公司的要求/部分颜色。也许有一天它会改变,但现在它就是它。 (如果你知道一种制作它们的方法......

回答 1 投票 0

文字和图像并排

这是完整的剥离代码。任何人都可以看到为什么图像和文字不会对齐?有任何想法吗?编辑问题这是完整的剥离代码。任何人都可以看到为什么图像和...

回答 2 投票 0

将动态行插入HTML表

我正在尝试在HTML表格中插入动态行。如果我在html标签(.innerHTML)中注释应该插入动态行的行,那么表的格式就可以了,标题行就是......

回答 2 投票 0

删除创建的div js

请告诉我,有代码,当你点击选择选项时,会添加一个div。请帮我在每个创建的div旁边添加一个删除按钮并删除这个div。 var p = document.getElementById(“...

回答 3 投票 -2

css文件中字体的相对文件路径

我有一个标题中引用的样式表:除了这个特定代码之外,所有的css都可以使用:@ font-face {font-family:'icomoon'; src:url('fonts / icomoon.eot?hsw0h3'); ...

回答 3 投票 8

一张幻灯片中的多个图像

我正在使用Shopify中的最小主题并创建了一个包含4个图像的幻灯片,但它是垂直显示而不是水平显示。如何将其更改为水平显示...

回答 1 投票 0

是否可以使用loadData()在Android WebView中单独加载Javascript和HTML?

我想在WebView中单独加载Javascript和HTML。基本上,我希望为将要加载的任何HTML页面运行一个通用的Javascript。

回答 2 投票 0

未捕获的TypeError无法读取null的属性“classlist”

我一直在阅读这个问题的其他可能重复,但我仍然没有找到完成此任务所需的解决方案。所以,我下载了一个CSS文件,其中包含适用于所有宽度的汉堡包,...

回答 1 投票 0

为什么数组索引没有增加?它只是取代了价值

我试图通过从HTML输入元素“文本”获取输入来将值插入到数组中。我能够将值插入到数组中,但在数组中插入值后,它将替换索引0处的值而不是...

回答 1 投票 0

字体奇怪边框上的字体

我有2个字体图标。它们绝对位于其他之上。让我们说icon-A高于icon-B。 Icon-B永远不可见。不知何故,图标-A是可见的。奇怪的边界是可见的。能够 ...

回答 3 投票 1

你为什么要删除一个项目?是否可以删除所选项目?

我有一个功能,通过“追加”向表单添加输入,我有另一个按钮,删除输入的输入。为此,使用“last-child”我删除了最后生成的div但是从这里...

回答 1 投票 0

为什么写在php中依赖于用html编写的img src?

当我取出下面的HTML代码时,网页不再加载。为什么以下依赖于该代码?我很抱歉这个问题的特殊性,但它是......

回答 1 投票 -1

如何将.css添加到.cshtml

我是一个完整的html / css新手,我正在尝试使用.cshtml文件来使用我编写的一些基本CSS。我需要在.cshtml中添加什么代码才能使用CSS文件?编辑:这是......中的代码

回答 2 投票 4

如何在下一页打印PDF后拆分表格行并删除标题内容颜色?

我是新的PHP开发人员。我创建了一个HTML页面打印PDF功能。打印页面工作正常。我不知道如何隐藏标题内容并仅显示第一页。表行拆分记录......

回答 1 投票 0

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