程序设计 html

12

我将如何通过XSLT 将文件的文档类型干净地设置为HTML5 <!DOCTYPE html>（在这种情况下，使用Collective.xdv）以下是我的Google foo能够找到的最好的结果： <xsl:output method="html" doctype-public="XSLT-compat" omit-xml-declaration="yes" encoding="UTF-8" indent="yes" /> 产生： <!DOCTYPE html PUBLIC "XSLT-compat" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

134 html xslt doctype xhtml-transitional xdv

13

将JSON对象存储在HTML jQuery的data属性中

我使用这种data-方法在HTML标记中存储数据，如下所示： <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> 然后，我在这样的回调中检索数据： $(this).data('imagename'); 很好我所坚持的是尝试保存对象，而不仅仅是保存其属性之一。我试图这样做： <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> 然后，我尝试像这样访问name属性： var imageObj = $(this).data('image'); console.log('Image name: '+imageObj.name); 日志告诉我undefined。所以看起来我可以在data-属性中存储简单的字符串，但不能存储JSON对象... 我也尝试过使用这种语法的孩子，但运气不好： <div data-foobar='{"foo":"bar"}'></div> 关于使用该data-方法如何在HTML标签中存储实际对象的任何想法？

134 jquery html json

10

如何使IFrame在iOS Safari中做出响应？

问题是，当您不得不使用IFrame将内容插入网站时，那么在现代网络世界中，人们期望IFrame也会响应。从理论上讲，它很简单，只需辅助使用<iframe width="100%"></iframe>或将CSS宽度设置为即可，iframe { width: 100%; }但是在实践中，并不是那么简单，但是可以。如果iframe内容具有充分的响应能力，并且可以在没有内部滚动条的情况下调整自身大小，则iOS Safari可以调整，iframe而没有任何实际问题。如果考虑以下代码： <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=9,10,11" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Iframe Isolation Test</title> <style type="text/css" rel="stylesheet"> #Main { padding: 10px; } </style> </head> <body> <h1>Iframe Isolation Test 13.17</h1> <div id="Main"> <iframe height="950" width="100%" src="Content.html"></iframe> </div> </body> </html> 使用Content.html： <html> <head> …

134 html css iframe

4

位置绝对和溢出隐藏

我们有两个DIV，一个嵌入另一个。如果外部DIV的位置不是绝对的，则内部DIV的位置绝对不遵循外部DIV的隐藏溢出（示例）。是否有机会使内部DIV服从外部DIV的隐藏溢出，而无需将外部DIV设置为绝对位置（因为这会破坏我们的完整布局）？相对于内部DIV的相对位置也不是一种选择，因为我们需要“增长”到表TD（exmple）。还有其他选择吗？

134 html css layout overflow css-position

3

输入字段可以有两个标签吗？

玛丽有一个小小的形式，它的领域也是如此。每当出现错误时，就会造成混乱。我为每个输入字段都有一个标签...非常标准的事情。验证表单后，我将在表单顶部显示一个有用的小段落，详细说明哪些信息丢失或不正确。同一输入字段可以有两个标签吗？一种形式正确，一种在验证提醒文本中？有什么原因我不应该这样做吗？

134 html forms labels

7

CSS溢出-仅1行文字

我有div以下css样式： width:335px; float:left; overflow:hidden; padding-left:5px; 当我在其中插入div一长行文本时，它会换行并显示所有文本。我想要的是只有一行不会换行的文本。当文本较长时，我希望此溢出文本消失。我当时正在考虑设置高度，但这似乎是错误的。也许如果我添加与字体相同的高度，它应该可以工作并且不会在不同的浏览器中引起任何问题？我怎样才能做到这一点？

134 html css overflow

13

将<div>元素放置在屏幕中央

我想将一个<div>（或<table>）元素放置在屏幕的中心，而不管屏幕的大小。换句话说，“顶部”和“底部”上的间距应相等，而“右侧”和“左侧”上的间距应相等。我想仅使用CSS来完成此操作。我已经尝试了以下方法，但是它不起作用： <body> <div style="top:0px; border:1px solid red;"> <table border="1" align="center"> <tr height="100%"> <td height="100%" width="100%" valign="middle" align="center"> We are launching soon! </td> </tr> </table> </div> </body> 注：这是罚款的方式或者如果<div>元素（或<table>）滚动与网站或没有。只希望页面加载时居中。

134 javascript css html

2

仅CSS的砌体布局

我需要实现相当合理的砌体布局。但是，由于多种原因，我不想使用JavaScript来实现它。参数：所有元素具有相同的宽度元素具有服务器端无法计算的高度（图像加上各种文本）如果必须，我可以使用固定数量的列有一个简单的解决方案，可以在现代浏览器中运行，该column-count属性。该解决方案的问题在于元素按列排序：虽然我需要按行对元素进行排序，但至少要大致：我尝试过的方法不起作用：制作物品display: inline-block：浪费垂直空间。制作物品float: left：大声笑，不。现在，我可以更改服务器端渲染并重新排序项目，将项目数除以列数，但这很复杂，容易出错（基于浏览器决定如何将项目列表拆分为列），所以我想尽可能避免它。是否有一些新的flexbox魔术使这成为可能？

134 html css flexbox css-grid

21

视频自动播放在Safari和Chrome桌面浏览器中不起作用

我花了很多时间试图弄清楚为什么像这样嵌入视频： <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> 一旦将页面加载到FireFox中，便会自动开始播放，但无法在基于Webkit的浏览器中自动播放。这仅在某些随机页面上发生。到目前为止，我找不到原因。我怀疑CMS编辑器创建了一些未封闭的标签或大量JS。

134 javascript html google-chrome safari webkit

16

如何使Bootstrap 4卡的卡柱高度相同？

我正在使用Bootstrap 4 alpha 2并利用卡上的优势。具体来说，我正在使用从官方文档中获取的此示例。如何使所有卡的高度相同？我现在所能想到的就是设置以下CSS规则： .card { min-height: 200px; } 但这只是一个硬编码的解决方案，在一般情况下不起作用。我认为代码与文档中的代码相同，即： <div class="card-columns"> <div class="card"> <img class="card-img-top" data-src="..." alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This …

134 html css twitter-bootstrap bootstrap-4 bootstrap-cards

14

HTML5占位符CSS填充

我已经看过这篇文章，并尝试了一切可能的方法来更改占位符的填充，但是，,，似乎只是不想合作。无论如何，这是css的代码。（编辑：这是从sass生成的CSS） #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?1296191141') no-repeat; width: 180px; height: 29px; overflow: hidden; } #search input:hover { color: #00ccff; …

133 html google-chrome webkit css

15

Safari的html5 localStorage错误：“ QUOTA_EXCEEDED_ERR：DOM异常22：试图向存储中添加超出配额的内容。”

我的webapp在ios Safari私人浏览中出现javascript错误： JavaScript：错误未定义 QUOTA_EXCEEDED_ERR：DOM异常22：试图向存储中添加内容... 我的代码： localStorage.setItem('test',1)

133 javascript html local-storage

30

单击时隐藏Twitter Bootstrap导航折叠

这不是一个子菜单下拉列表，类别是li类，如图所示：通过从响应菜单中选择一个类别（模板仅为一页），我想在单击时自动隐藏导航折叠。由于模板只有一页，因此也可以浏览以用作导航。我寻求一种不影响它的解决方案，这是菜单的HTML代码：  <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li>  </ul> <!-- …

133 jquery html twitter-bootstrap

3

将Unicode字符插入JavaScript

我需要在我的html页面上插入一个Omega（Ω）。我正在使用其HTML转义代码来执行此操作，因此我可以编写&#937;并得到Ω。当我将其放入HTML元素时，一切都很好。但是，当我尝试将其放入JS中时，例如var Omega = &#937;，它将该代码解析为JS，并且整个过程不起作用。有人知道该怎么做吗？

133 javascript html unicode

9

如何防止IFRAME重定向顶级窗口

一些网站具有用于“破解” IFRAME附件的代码，这意味着，如果将页面A作为IFRAME父页面加载到内部，则P某些Javascript A会将外部窗口重定向到A。通常，此Javascript如下所示： <script type="text/javascript"> if (top.location.href != self.location.href) top.location.href = self.location.href; </script> 我的问题是：作为父页面P的作者而不是内部页面的作者A如何防止A这种突破？ PS在我看来，这应该是跨站点安全性违规，但事实并非如此。

133 javascript html iframe

Questions tagged «html»