程序设计 html

8

我需要使用Twitter Bootstrap向我的Web应用程序添加响应式设计功能。我只想要响应行为，我对Bootstrap中的排版，组件或任何其他内容不感兴趣。我仅选择网格系统就获得了定制的Bootstrap版本。但是，当我将生成的CSS添加到应用程序中时，我的所有样式（标题，链接和其他样式）都被弄乱了。为什么会这样呢？如何仅使用网格系统获得Bootstrap CSS？我想避免手动修改Bootstrap文件。

109 html css twitter-bootstrap responsive-design

1

在Safari 10中旋转时，SVG会更改颜色

我刚遇到一个非常奇怪的问题，该问题只在Safari 10中显示。我有纸牌，svg图像，有时会使用来旋转transform:rotate(xdeg)。我正在使用的卡有红色方块图案。当它不旋转或以直角（即90、180、270）旋转时，它看起来很正常。但是，除此以外的任何角度都将使背景图案变成蓝色！我刚刚从一个用户那里得到了一份关于此的报告，却从未见过如此怪异的东西。其他浏览器均正常运行，Safari 9正常运行。我猜这只是Safari 10中一个非常奇怪的错误，但是有关如何解决它的任何想法？我在以下位置创建了最小复制： https://jsfiddle.net/2zv4garu/1/

109 html css svg safari

6

使用jQuery如何获取目标元素上的点击坐标

我的html元素具有以下事件处理程序 jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); 单击时，我需要在＃seek-bar上找到鼠标的位置。我以为上面的代码应该可以工作，但是结果不正确

109 javascript jquery html css jquery-ui

4

如何获得相等的输入宽度和选择字段

在表单上，我有一个select和两个输入字段。这些元素垂直对齐。不幸的是，我无法获得这些元素的相等宽度。这是我的代码： <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> 对于上面的示例，选择元素的最佳宽度是198或199像素（当然，我尝试了193像素，但差异很大）。我认为，这取决于分辨率，取决于各种计算机和浏览器，因为这些元素的宽度不同（有时我认为差异约为1或2像素）。我试图在div或表行中设置这些元素，但这无济于事。问：如何获得这些元素的宽度完全相等？

109 html css html-select border-box

4

Twitter引导程序：导航栏中的文本

根据twitter bootstrap 文档，我应该能够“在<p>标签中包装文本字符串以获取正确的前导和颜色”。当我这样做时，navbar它下面的任何级别都不会继承任何navbar类。将字符串包装在<a>标签中可将其呈现出来，但不应作为锚点。我尝试呈现的字符串是"Logged in as ... "。

109 html css twitter-bootstrap

5

html空间显示为％2520而不是％20

将文件名传递到firefox浏览器会导致其用%2520 代替代替空格%20。我在名为的文件中包含以下HTML myhtml.html： <img src="C:\Documents and Settings\screenshots\Image01.png"/> 当我加载myhtml.html到Firefox中时，图像显示为残破的图像。因此，我右键单击该链接以查看图片，它显示了此修改的URL： file:///c:/Documents%2520and%2520Settings/screenshots/Image01.png ^ ^-----Firefox changed my space to %2520. 有没有搞错？它把我的空间变成了%2520。它不应该将其转换为%20吗？如何更改此HTML文件，以便浏览器可以找到我的图像？这里发生了什么？

109 html url filenames url-encoding

10

跨度在锚内还是跨度在锚内无关紧要？

我想嵌套span和a标记。我是不是该放在<span>里面<a> 放在<a>里面<span> 没关系吗

109 html css semantic-markup

9

html（+ css）：表示换行的首选位置

假设我有要在HTML表格单元中显示的文本： Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks 我希望在其中一个逗号后优先换行。有没有一种方法可以告诉HTML渲染器在指定的位置尝试中断，并且先尝试在某个空格之后中断而不使用不间断空格？如果我使用不间断的空格，那么它将无条件增大宽度。我希望换行发生在空格之一之后，如果换行算法先用逗号尝试过换行并且无法使行适合。我尝试将文本片段包装在<span>元素中，但这似乎没有任何帮助。 <html> <head> <style type="text/css"> div.box { width: 180px; } table, table td { border: 1px solid; border-collapse: collapse; } …

109 html css word-wrap

7

一个非常非常大的div

对于我的一个项目（请参阅BigPictu.re或bigpicture.js GitHub project），我必须处理非常非常大的<div>容器。我知道使用我所使用的简单方法可能会导致性能降低，但是我没想到它仅适用于Chrome！如果测试此小页面（请参见下面的代码），则平移（单击并拖动）将是：在Firefox上正常/流畅即使在Internet Explorer上也正常/流畅在Chrome上非常慢（几乎崩溃）！当然，我可以在项目中添加一些代码来执行此操作，当您放大很多时，字体可能非常大的文本将被隐藏。但是，为什么Firefox和Internet Explorer正确处理而不是Chrome处理正确？ JavaScript，HTML或CSS中是否有一种方法可以告诉浏览器不要为每个操作呈现整个页面（此处为10000像素宽）？（仅渲染当前视口！） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> html, body { overflow: hidden; min-height: 100%; } #container { position: absolute; min-height: 100%; min-width: 100%; } .text { font-family: "Arial"; position: absolute; } </style> </head> <body> <div id="container"> <div …

109 javascript html css google-chrome

7

避免html元素之间的换行

我有这个<td>要素： <td><i class="flag-bfh-ES"></i>&nbsp;+34&nbsp;666&nbsp;66&nbsp;66&nbsp;66</td> 我希望将其放在一行中，但这就是我得到的：如您所见，标志和电话号码位于单独的行中。该&nbsp;是在电话号码的数字之间的工作，但并不标志和电话号码之间。如何确保渲染器完全没有换行符？

109 html whitespace

1

如何在Sublime Text 3中跳到上一个和最后一个光标？[关闭]

已关闭。这个问题需要细节或说明。它当前不接受答案。想改善这个问题吗？添加详细信息并通过编辑此帖子来澄清问题。 6年前关闭。改善这个问题如何在Sublime Text中的光标位置历史记录中来回跳转？我在Google上搜索了很多，然后找到BufferScroll。但这对我不起作用。我在文档中找不到任何快捷方式或如何使用它。更新：每次我尝试使用Jump Forward（SHIFT+ ALT+ -）时，我的编辑器都会始终说“已经在最新位置”，而实际上却不在最新位置。跳回（ALT+ -）效果很好。

109 html editor sublimetext sublimetext3

8

CSS的优先顺序是什么？

我试图弄清楚为什么我的一个CSS类似乎覆盖了另一个（而不是相反）这里我有两个CSS类 .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } 在我看来，我打电话给 <pre class = "span12 pre-scrollable smallbox-paysummary smallbox "> 字体（重叠元素）显示为10px而不是20px-有人可以解释为什么会出现这种情况吗？

109 html css

6

HTML5日期选择器是否有任何样式选项？

我真的对HTML5日期选择器感到不安。令人耳目一新的是，W3C终于有了一些懈怠，因此我们不必继续重新发明这种常见的输入形式。需要注意的是，我对选择器本身应用颜色的方式没有看到或预见到很多，这将在大多数站点上使用日期选择器作为一种破坏交易的方式。在<select>从广泛的JavaScript替代黑客，原因很简单，人们不能让它非常困扰。我很好奇是否有人知道W3C领域正在发生什么？这在某种程度上与另一个更大的问题（如果您知道答案）配对在一起：是否值得我花时间尝试参与W3C或WHATWG，以便使其中的一些事情逐渐成为现实。任何类型的见解都是有帮助的。

109 html datepicker w3c

19

如何从画布上清除图表以使悬停事件无法触发？

我正在使用Chartjs显示折线图，并且可以正常工作： // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); 但是，当我尝试更改图表数据时，会出现问题。我通过使用新的数据点创建图表的新实例来更新图形，然后重新初始化画布。这很好。但是，当我将鼠标悬停在新图表上时，如果碰巧越过了与旧图表上显示的点相对应的特定位置，则仍会触发悬停/标签，并且突然可见旧图表。当我的鼠标位于该位置时，它仍然可见，而从该点移开时，它消失。我不希望显示旧图表。我想将其完全删除。在加载新画布之前，我已尝试清除画布和现有图表。喜欢： targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height); 和 chart.clear(); 但是到目前为止，这些方法都没有起作用。关于如何阻止这种情况的任何想法？

109 javascript html charts chart.js

6

CSS我希望div放在一切之上

如何使html div标签位于所有内容之上？

109 html css

Questions tagged «html»