Questions tagged «html»

我允许用户通过拖放和其他方法将图像加载到页面中。放置图像时，我URL.createObjectURL用来转换为对象URL以显示图像。我没有撤消该URL，因为我确实重复使用了它。 因此，当需要创建一个FormData对象时，我可以允许他们上传其中包含这些图像之一的表单，是否可以通过某种方式将该对象URL反向转换为a Blob或File将其附加到a FormData目的？

127 javascript  html  fileapi  blobs 

我想知道是否有一种方法可以计算div中的行数。假设我们有一个像这样的div： <div id="content">hello how are you?</div> 取决于许多因素，div可以包含一行，两行或什至四行文本。脚本有什么办法知道吗？ 换句话说，DOM中是否完全代表了自动中断？

127 javascript  html  dom 

我想从下面的网站获取内容。如果使用Firefox或Chrome这样的浏览器，则可以获取所需的真实网站页面，但是如果使用Python request软件包（或wget命令）进行获取，则它将返回完全不同的HTML页面。我以为网站的开发人员为此做了一些阻碍，所以问题是： 如何使用python请求或命令wget伪造浏览器访问？ http://www.ichangtou.com/#company:data_000008.html

127 python  html  web-scraping  python-requests  wget 

我有一个头div作为包装div中的第一个元素，但是当我在头div内的h1中添加顶部边距时，它将整个头div向下推。我意识到，只要我在页面上的第一个可见元素上应用上边距，就会发生这种情况。 这是一个示例代码片段。谢谢！ div#header{ width: 100%; background-color: #eee; position: relative; } div#header h1{ text-align: center; width: 375px; height: 50px; margin: 50px auto; font-size: 220%; background: url('../../images/name_logo.png') no-repeat; } <div id="header"> <h1>Title</h1> <ul id="navbar"></ul> </div> 运行代码段隐藏结果展开摘要

126 html  css  xhtml 

我有选择的元素，我想删除的箭头，然后我可以添加其他图标..我能做到这一点的Firefox Safari和Chrome，但这并没有工作IE9。 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE 小提琴上的IE9。我所需要的就是删除ie9中的箭头，请JSFIDDLE回答。

126 html  css  html-select 

我有两个图像需要保持内联；我想在每个图像下写一个标题。 <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> 我该如何实施？

126 css  html 

有没有办法为Web开发人员，以关闭Chrome / Safari / WebKit的拼写检查对特定input或textarea元素？我的意思是通过特殊标签属性或专有CSS指令。 有一条CSS指令可以关闭inputs的轮廓，所以我认为可能也存在。我知道用户怎么做。 或者，作为用户，我可以在某些特定域中禁用它吗？

126 html  css  google-chrome  spell-checking 

我的页面上有一个按钮，单击该按钮时div，屏幕中间会显示一个（弹出样式）。 我正在使用以下CSS将居中div在屏幕中间： .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } 只要页面没有向下滚动，此CSS就可以正常工作。 但是，如果将按钮放在页面的底部，则单击该按钮时，该按钮将div显示在顶部，并且用户必须向上滚动才能查看的内容div。 我想知道div即使在页面滚动时也如何在屏幕中间显示。

126 html  css  scroll  position  centering 

注意：这与放大时现有画布元素的呈现方式有关，而与线条或图形在画布表面上的呈现方式无关。换句话说，这与缩放元素的插值有关，而与在画布上绘制的图形的抗锯齿无关。我不关心浏览器如何画线；我关心的是浏览器在放大时如何渲染canvas元素本身。 是否可以通过编程更改画布属性或浏览器设置以在缩放<canvas>元素时禁用插值？跨浏览器的解决方案是理想的，但不是必需的。基于Webkit的浏览器是我的主要目标。性能非常重要。 这个问题最相似，但不能充分说明问题。对于它的价值，我尝试image-rendering: -webkit-optimize-contrast无济于事。 该应用程序将是用HTML5 + JS编写的“复古” 8位样式游戏，以明确我的需求。 为了说明，这是一个示例。（现场版） 假设我有一张21x21的画布... <canvas id='b' width='21' height='21'></canvas> ...具有CSS的元素使元素大5倍（105x105）： canvas { border: 5px solid #ddd; } canvas#b { width: 105px; height: 105px; } /* 5 * 21 = 105 */ 我在画布上绘制一个简单的“ X”，如下所示： $('canvas').each(function () { var ctx = this.getContext("2d"); ctx.moveTo(0,0); ctx.lineTo(21,21); ctx.moveTo(0,21); ctx.lineTo(21,0); ctx.stroke(); …

126 javascript  html  canvas 

我正在尝试使div position:fixed在页面上居中对齐。 我始终能够使用此“ hack”与绝对定位的div做到这一点 left: 50%; width: 400px; margin-left:-200px ...其中margin-left的值是div宽度的一半。 这似乎不适用于固定位置的div，而只是将其最左角放置在50％处，而忽略margin-left声明。 关于如何解决此问题的任何构想，以便我可以使固定定位的元素居中对齐？ 如果您能告诉我一种比上面概述的方法更好地居中对齐绝对定位元素的方法，我将提供额外的M＆M。

126 html  center  alignment  css-position 

我正在尝试将工具提示颜色更改为红色。但是，我也想拥有其他多种颜色，所以我不只是要替换原始工具提示的颜色。 我将如何去做呢？

126 html  css  twitter-bootstrap 

使用HTML，我如何限制可以上传的文件类型？ 为了简化用户体验，我希望将文件上传限制为仅图像（jpeg，gif，png）。 <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

126 html  image  upload  file-upload 

我试图让我的水平规则，以忽略父填充。 这是我所拥有的一个简单示例： #parent { padding:10px; width:100px; } hr { width:100px; } 您会发现水平尺超出父级10像素。我试图让它忽略父div中其他所有内容所需的填充。 我知道我可以为其他所有内容创建一个单独的div；这不是我要寻找的解决方案。

126 html  css 

是否可以在不使用媒体查询的情况下进行CSS网格环绕？ 就我而言，我有不确定数量的项目要放置在网格中，并且希望该网格包装。使用Flexbox，我无法可靠地很好地分隔事物。我也想避免一堆媒体查询。 这是一些示例代码： .grid { display: grid; grid-gap: 10px; grid-auto-flow: column; grid-template-columns: 186px 186px 186px 186px; } .grid > * { background-color: green; height: 200px; } <div class="grid"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> 运行代码段隐藏结果展开摘要 这是一张GIF图片： 附带说明一下，如果有人能告诉我如何避免像我一样指定所有项目的宽度，grid-template-columns那将是很好的。我希望孩子们指定自己的宽度。

126 html  css  css-grid 

我正在尝试使图像（动态放置，不受尺寸限制）的宽度与其父div一样宽，但前提是该宽度不比其自身的宽度100％宽。我已经尝试过了，但无济于事： img { width: 100%; height: auto; max-width: 100%; } 这些图像中的许多图像都比其父div宽得多，这就是为什么我希望它们进行相应调整的原因，但是当一个小图像弹出并放大到超出其正常尺寸时，它看起来确实很糟糕。有什么办法吗？

125 html  width  css