程序设计 html

5

我希望-在逐个连字符后防止与所有浏览器兼容的换行符。例：我有这段文字： 3-3/8"在HTML中是这样的： 3-3/8&rdquo; 问题是由于连字符，在一行的结尾附近，它会中断并换行到下一行，而不是像完整的单词一样对待它... 3- 3/8" 我尝试插入“零宽度不间断字符”，&#65279;没有运气... 3-&#65279;3/8&rdquo; 我在Safari中看到了这一点，并认为在所有浏览器中都一样。以下是我doctype和字符编码... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 有什么办法可以防止这些字符在连字符后换行？我不需要适用于整个页面的任何解决方案...只是我可以根据需要插入的东西，例如“零宽度不间断字符”，唯一可行的方法是。这是一个演示。只需将框架变窄，直到线条在连字符处断开。 http://jsfiddle.net/RagKH/

340 html css character-encoding line-breaks hyphenation

5

href =“ tel：”和手机号码

如果我使用的话tel:，应该这样写国际电话代码。 <a href="tel:+6494461709">61709</a> 到目前为止，还算不错，但是如果有的话，我找不到有关如何以“国际”方式写手机号码的信息。

340 html href tel

8

禁用的表单输入未出现在请求中

我在表单中有一些禁用的输入，我想将它们发送到服务器，但是Chrome将其从请求中排除。是否有任何解决方法而不添加隐藏字段？ <form action="/Media/Add"> <input type="hidden" name="Id" value="123" />  <input type="textbox" name="Percentage" value="100" disabled="disabled" /> </form>

339 html forms http browser

8

文件输入'accept'属性-有用吗？

在html下实现文件上传非常简单，但我只是注意到可以将“ accept”属性添加到<input type="file" ...>标记中。此属性作为限制文件上传到图像等的方式有用吗？最好的使用方法是什么？或者，是否有一种方法可以限制html文件输入标签的文件类型，最好在文件对话框中？

338 html filter cross-browser mime-types

21

如何为某些HTML标签存储任意数据

我正在制作一个页面，该页面具有javascript提供的一些交互功能。举例来说：发送AJAX请求以获取文章内容，然后在div中显示该数据的链接。显然，在此示例中，我需要每个链接来存储额外的信息：文章的ID。我一直在处理的方式是将这些信息放在href链接中： <a class="article" href="#5"> 然后，我使用jQuery查找a.article元素并附加适当的事件处理程序。（不要太在意可用性或语义，这只是一个例子）无论如何，此方法有效，但闻起来有点，并且根本无法扩展（如果click函数具有多个参数，会发生什么？如果其中一些参数是可选的，会怎样？）显而易见的答案是在元素上使用属性。我的意思是，这就是他们的意思吧？（有点儿）。 <a articleid="5" href="link/for/non-js-users.html"> 在我最近的问题中，我问这个方法是否有效，事实证明，如果没有定义自己的DTD（我不是），那么就不能，它是无效或可靠的。常见的回答是将数据放入class属性中（尽管这可能是由于我的选择不佳的示例造成的），但是对我来说，这甚至更难闻。是的，它在技术上是有效的，但这不是一个很好的解决方案。我过去使用的另一种方法是实际生成一些JS并将其插入到<script>标签中的页面中，从而创建与该对象相关联的结构。 var myData = { link0 : { articleId : 5, target : '#showMessage' // etc... }, link1 : { articleId : 13 } }; <a href="..." id="link0"> 但这可能是维持屁股的真正痛苦，并且通常非常混乱。因此，为了解决这个问题，如何存储HTML标签的任意信息？

338 javascript html

8

如何为HTML输入的文件设置值？

注意：以下答案与评论反映了2009年旧版浏览器的状态。现在，您实际上可以在2017年使用JavaScript和dataTransfer或FileList对象动态/以编程方式设置文件输入元素的值。有关详细信息和演示，请参见此问题的答案：如何以编程方式设置文件输入值（即：拖放文件时）？如何设置此值？ <input type="file" />

337 javascript html file-upload preset

14

如何使用Javascript创建<style>标签？

我正在寻找一种<style>使用JavaScript 将标记插入HTML页面的方法。到目前为止，我发现的最好方法是： var divNode = document.createElement("div"); divNode.innerHTML = "<br><style>h1 { background: red; }</style>"; document.body.appendChild(divNode); 这在Firefox，Opera和Internet Explorer中有效，但在Google Chrome中不起作用。<br>IE的前面也有点难看。有人知道创建<style>标签的方法吗更好使用Chrome吗？或许这是我应该避免的非标准事情三种运行良好的浏览器都很棒，到底谁在使用Chrome？

336 javascript html css

16

HTML5本地存储中的项目何时过期？

在localStorage（作为HTML5中DOM存储的一部分）中存储的数据可以使用多长时间？我可以为放入localStorage的数据设置过期时间吗？

336 javascript html local-storage

7

<code> vs <pre> vs <samp>用于内联代码和块代码片段

我的网站将有一些内联代码（“使用foo()函数时...”）和一些代码段。这些通常是XML，并且行很长，我希望浏览器将它们包装起来（即，我不想使用<pre>）。我还想将CSS格式放在块片段上。似乎我不能同时使用<code>两者，因为如果将CSS块属性（带有display: block;）放在上面，它将破坏内联代码段。我很好奇人们在做什么。使用<code>的块，<samp>内联？使用<code><blockquote>还是类似的东西？我想使实际的HTML尽可能简单，避免使用类，因为其他用户将维护它。

335 html semantic-markup

25

打印DIV的内容

打印DIV内容的最佳方法是什么？

335 javascript jquery html printing

24

如何在HTML中制作垂直线

如何使用HTML绘制垂直线？

335 html css

12

我可以在CSS中产生onclick效果吗？

我有一个要在点击时更改的图像元素。 <img id="btnLeft"> 这有效： #btnLeft:hover { width:70px; height:74px; } 但是我需要的是： #btnLeft:onclick { width:70px; height:74px; } 但是，显然，它不起作用。onclickCSS 可能有行为（即不使用JavaScript）吗？

335 html css onclick

19

如何使用jQuery解码HTML实体？

如何使用jQuery解码字符串中的HTML实体？

334 javascript jquery html

19

CSS显示调整大小并裁剪的图像

我想显示具有特定宽度和高度的URL的图像，即使它具有不同的大小比例。所以我想调整大小（保持比例），然后将图像切成我想要的大小。我可以用html img属性调整大小，也可以用剪切background-image。我该怎么办？例：这个图片：具有800x600像素大小，我想显示为200x100像素图像通过img我可以调整图像的大小200x150px： <img style="width: 200px; height: 150px;" src="http://i.stack.imgur.com/wPh0S.jpg"> 这给了我这个： <img style="width: 200px; height: 150px;" src="https://i.stack.imgur.com/wPh0S.jpg"> 运行代码段隐藏结果展开摘要而且background-image我可以削减图像200x100像素。 <div style="background-image: url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> 给我： <div style="background-image:url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> 运行代码段隐藏结果展开摘要我该怎么办？调整图像大小，然后将其切成我想要的大小？

333 html css background-image image

10

如何在Bootstrap中将容器垂直居中？

我正在寻找一种将containerdiv 垂直居中放置jumbotron在页面中间的方法。在.jumbotron必须适应于屏幕的整个高度和宽度。的.containerdiv有一个宽度1025px和应在该页面（垂直中心）的中间。我希望此页面的大屏幕适应屏幕的高度和宽度，并且容器垂直于大屏幕垂直居中。我该如何实现？ .jumbotron { height:100%; width:100%; } .container { width:1025px; } .jumbotron .container { max-width: 100%; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="jumbotron"> <div class="container text-center"> <h1>The easiest and powerful way</h1> <div class="row"> <div class="col-md-7"> <div class="top-bg"></div> </div> <div class="col-md-5 iPhone-features" style="margin-left:-25px;"> <ul class="top-features"> <li> <span><i class="fa fa-random simple_bg …

333 html css twitter-bootstrap twitter-bootstrap-3 vertical-alignment

Questions tagged «html»