程序设计 html

9

我真的很想让一段文字在不使用JavaScript或文字修饰的情况下闪烁出旧式风格。没有过渡，只有* blink *，* blink *，* blink *！编辑：这不同于那个问题，因为我要求不连续转换的眨眼，而其他问题的OP问如何用连续转换来代替眨眼

149 html css css-animations blink

4

如何在剃刀MVC 4中添加带有条件值的第二个CSS类

尽管微软已经在剃刀MVC4中创建了html属性的自动渲染，但是我花了很多时间才发现如何基于条件剃刀表达式在元素上渲染第二个CSS类。我想和你分享。基于模型属性@ Model.Details，我想显示或隐藏列表项。如果有详细信息，则应显示div，否则应将其隐藏。使用jQuery，我要做的就是分别添加一个类show或hide。为了其他目的，我还想添加另一个类“ details”。因此，我的标记应该是： <div class="details show">[Details]</div> 要么 <div class="details hide">[Details]</div> 下面，我展示了一些失败的尝试（假设没有详细信息，将导致加价）。这：<div @(@Model.Details.Count > 0 ? "class=details show" : "class=details hide")>，将呈现此：<div class="details" hide="">。这：<div @(@Model.Details.Count > 0 ? "class=\"details show\"" : "class=\"details hide\"")>。将呈现此： <div class=""details" hide&quot;="">。这个： <div @(@Model.Details.Count > 0 ? "class='details show'" : "class='details hide'")> …

149 razor asp.net-mvc-4 html

14

HTML5画布调整大小（缩小）图像的质量？

我使用html5 canvas元素在浏览器中调整图像大小。事实证明，质量很低。我发现了这一点：在缩放<canvas>时禁用插值，但它无助于提高质量。下面是我的css和js代码，以及用Photoshop调用并在canvas API中缩放的图像。在浏览器中缩放图像时，我该怎么做才能获得最佳质量？注意：我想将大图像缩小为小图像，修改画布中的颜色并将结果从画布发送到服务器。 CSS： canvas, img { image-rendering: optimizeQuality; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } JS： var $img = $('<img>'); var $originalCanvas = $('<canvas>'); $img.load(function() { var originalContext = $originalCanvas[0].getContext('2d'); originalContext.imageSmoothingEnabled = false; originalContext.webkitImageSmoothingEnabled = false; originalContext.mozImageSmoothingEnabled = false; originalContext.drawImage(this, 0, 0, 379, 500); …

149 javascript css html canvas html5-canvas

5

还有其他空格代码，例如＆nbsp，用于HTML中的半角空格，em空格，en空格等吗？

想知道HTML新闻稿中是否还有其他代码可使用。我会使用单元格填充或边距，但是我对HTML / CSS还是陌生的，我找不到能够同时影响主标题行和其下的子标题的更改。作为电子邮件，我很犹豫如何使用CSS来获得它-因为我不知道哪种电子邮件客户端不喜欢CSS而不是内联标记。对于上下文，我使用的模板是Mailchimp片段中的“静音”主题：  <table cellspacing="0" cellpadding="0" border="0" align="center" width="626"> <tbody> <tr> <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;"> <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97"> <tbody> <tr> <td valign="middle" width="160" style="vertical-align:middle; text-align: left;"> <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" /> …

149 html

2

如何使用CSS flexbox设置固定宽度的列

CodePen：http ://codepen.io/anon/pen/RPNpaP 。在并排视图中，我希望红色框的宽度只有25 em-我正试图通过在此媒体查询中设置CSS来实现这一点： @media all and (min-width: 811px) {...} 至： .flexbox .red { width: 25em; } 但是，当我这样做时，就会发生这种情况： http://i.imgur.com/niFBrwt.png 知道我在做什么错吗？

149 html css flexbox

24

如果内容太宽，请在HTML标记中插入省略号（...）

我有一个带有弹性布局的网页，如果调整了浏览器窗口的大小，该网页的宽度就会改变。在此布局中，标题（h2）的长度是可变的（实际上是我无法控制的博客文章的标题）。当前-如果它们比窗口宽-分为两行。是否有一个经过测试的（跨浏览器）优雅的解决方案（例如jQuery），可以缩短该标题标签的innerHTML，并在文本太宽而无法在当前屏幕/容器宽度？

148 javascript html ellipsis elasticlayout

12

如何使用jQuery获取<span>的值？

这是基本的。如何获得上述范围的值“这是我的名字”？ <div id='item1'> <span>This is my name</span> </div>

148 javascript jquery html

26

如何防止长词破坏我的div？

从TABLE布局切换到DIV布局以来，一个普遍的问题仍然存在：问题：您用动态文本填充DIV，并且不可避免地会有一个超长单词延伸到div列的边缘，使您的网站看起来不专业。 RETRO-WHINING：表格布局从未发生过这种情况。一个表格单元将总是很好地扩展到最长单词的宽度。严重性：我什至在大多数主要站点上都遇到了这个问题，尤其是在德国站点上，这些站点甚至连诸如“速度限制”之类的通用词都非常长（“ Geschwindigkeitsbegrenzung”）。有人对此有可行的解决方案吗？

148 css layout html

11

更改HTML Select元素的选定选项

在我的HTML中，我有一个<select>包含三个<option>元素的元素。我想使用jQuery针对Javascript检查每个选项的值var。如果一个匹配，我想设置该选项的选定属性。我该怎么办？

148 javascript jquery html

18

我如何让桌子的主体滚动但将其头部固定在适当的位置？

我正在写一个页面，我需要一个HTML表来保持设置的大小。我需要表顶部的标题始终保持在该位置，但是无论表中添加了多少行，我都需要表的主体进行滚动。想一个Excel的迷你版。这似乎是一项简单的任务，但是我在网络上发现的几乎每个解决方案都有一些缺点。我该如何解决？

148 javascript html css html-table

1

HTML正文使用Chrome的开发人员工具说cz-shortcut-listen =“ true”吗？

我正在测试我正在制作的一些HTML代码，并且在Google Chrome版本22.0.1229.94 m上使用开发人员工具时，我看到<body>标记具有属性cz-shortcut-listen="true"（当然这不在我的代码中）。这是什么意思，为什么会出现？（我尝试在Google中查找它，但没有找到任何相关信息）

148 html google-chrome google-chrome-devtools

12

如何显示页面加载div，直到页面加载完成？

我的网站上有一个版块，在进行一些密集的通话时加载速度很慢。知道如何div在页面准备时显示类似于“加载”的内容，然后在一切准备就绪时消失吗？

148 javascript jquery html dom loader

3

<input type ='submit'/>和<button type ='submit'> text </ button>之间的区别

关于它们有很多传说。我想知道真相。以下两个示例之间有什么区别？ <input type='submit' value='text' /> <button type='submit'>text</button>

148 html button

7

从剪贴板功能粘贴图像在Gmail和Google Chrome 12+中如何工作？

我注意到Google的一篇博客文章提到，如果您使用的是最新版的Chrome，可以将剪贴板中的图像直接粘贴到Gmail邮件中。我在我的Chrome版本（12.0.742.91 beta-m）中进行了尝试，使用控制键或上下文菜单效果很好。从这种行为，我需要假设Chrome中使用的最新版本的Webkit能够处理Javascript粘贴事件中的图像，但是我无法找到对这种增强功能的任何引用。我相信ZeroClipboard绑定到按键事件以触发其Flash功能，因此无法通过上下文菜单使用（此外，ZeroClipboard是跨浏览器，并且该帖子说这仅适用于Chrome）。那么，这是如何工作的以及对启用该功能的Webkit（或Chrome）进行了增强？

148 javascript html google-chrome webkit

13

单击表单内的按钮时防止刷新页面

使用表单内的按钮时出现问题。我希望该按钮调用功能。它确实可以，但是刷新页面的结果不理想。我的简单代码是这样的 <form method="POST"> <button name="data" onclick="getData()">Click</button> </form> 单击按钮后，该函数将在页面刷新时被调用，这会重置所有我先前的请求，这会影响到当前页面，这是先前请求的结果。我应该怎么做才能防止页面刷新？

148 javascript html

Questions tagged «html»