草庐IT

gray_img

全部标签

html - div和img之间的空间?

我有这样的代码:1.Orangesometextinhere“sc”div和“separator”img之间总是有13px的间隙。两者的边距和填充都设置为0、null、空、无。啊。我很生气;d我试图弄清楚Firebug是怎么回事,但它们之间的空间不属于任何东西,它不是边距,也不是填充,到底是怎么回事?没有float,没有显示设置,也没有继承的边距或填充。我的代码有什么问题?我一直在尝试删除HTML中的空格但没有帮助(顺便说一下,如果我将分隔符放在“sc”div上方,也会有一些间隙,但更小)。谢谢。[添加]CSS样式:.separator{margin:0;padding:0;}#sc{

html - 从 IMG 标签解析 "SRC"的 XPath?

现在我成功地从HTML页面中获取了完整的元素://img[@class='photo-large']例如它会返回这个:但我只需要SRCurl(http://example.com/img.jpg)。有帮助吗? 最佳答案 你自己很接近回答这个问题,我有点不愿意为你回答。但是,以下XPath应该提供您想要的内容(当然前提是源是XHTML)。//img[@class='photo-large']/@src有关更多提示,请查看W3Schools.他们有关于此类事情的优秀教程和很好的引用。 关于h

html - img 相对于包含的 div 的宽度

原始问题在css中计算图像相对于包含div的宽度的最有效方法是什么?我有以下代码段,它将#image1.width设置为相对于其父级宽度的百分比。我使用百分比是因为我需要图像在调整屏幕大小时按比例缩放到父级。div{position:relative;display:block;width:100%;}#image1{position:absolute;left:10%;top:10%;width:29.43%;height:auto;}#under{width:100%;}它目前按预期工作,除了我必须手动计算每个图像的宽度百分比。即#image1dimensions==206x115

html - 为什么这个div/img在IE8中不居中?

我有一个非常简单的主页,我以div、anchor和图像为中心构建的。由于某种原因,它不会在IE8(任何一种模式)中居中,我希望有人能告诉我原因。我还没有机会在其他IE浏览器中尝试它。我已经在Chrome和FF3中试过了,它工作正常。Welcome#pageContainer{width:300px;margin:0auto;text-align:center;}#toLogo{border:none;}我说真的很简单。:)谢谢,布雷特 最佳答案 您真的希望您的页面在怪癖模式下工作吗?一旦我将doctype添加到强制标准模式,您的HT

html - HTML5图形与img的用法是什么

使用HTML5有什么特别的优势/用途吗在?我认为没有是没用的,不是吗?如果用一个例子来解释会很有帮助。 最佳答案 图像在技术上并没有插入到HTML页面中,图像链接到HTML页面。标签为引用的图像创建一个存放空间。虽然的内容元素与主流程相关,其位置独立于主流程,如果移除应该不会影响文档的流程来自http://dev.w3.org/"Theimgelementrepresentsanimage,"而"[t]hefigure元素表示一个内容单元,可选地带有标题,它是独立的,通常作为文档主流中的单个单元引用,并且可以在不影响thedocum

html - 为什么 <img> 标签在 HTML 中没有关闭?

出于好奇,为什么img>标签在HTML中没有关闭?我还注意到img>标签在XHTML中被明确关闭...W3Schools:ImageTag 最佳答案 从历史上看,HTML一直基于SGML,它允许在某些条件下省略标签。自元素不能有任何子节点,它被定义为EMPTY并且禁止使用结束标记(因为它没有任何作用)。XHTML是用XML表示的HTML,XML不支持可选或禁止的标签(尽管它允许用自闭标签代替开始+结束标签对),因此必须在此处显式关闭。HTML5向后兼容基于SGML的HTML版本。 关于h

html - <img> inside <a> 得到蓝色边框

IE8使用蓝色边框突出显示图像。我不确定什么CSS在这里是相关的,它只是边框吗?我可以使用单个CSS样式来关闭它吗,例如:aimg{...} 最佳答案 使用这个CSS:aimg{border:none;} 关于html-inside得到蓝色边框,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2922858/

html - Bootstrap 4 img-circle 类似乎不存在

我正在用HTML5和Bootstrap4编写一个网站,我正在尝试将方形图像变成圆形。在Bootstrap3中,使用.img-circle很容易做到这一点,但现在我似乎无法让它工作,而且我无法在网上找到任何答案。是Bootstrap放弃了img-circle类还是我的代码搞砸了?它是这样的:希望有人能帮助我:) 最佳答案 它现在被称为rounded-circle作为explainedhereintheBS4docsDemo 关于html-Bootstrap4img-circle类似乎不存在

html - 我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗?

如果我知道要用图像标签显示的图像的高度和宽度,我应该包含高度和宽度属性,还是只将信息放在CSS中?还是两者兼而有之?例如或或 最佳答案 根据GooglePageSpeed,您应该始终在图像标签中定义宽度和高度。但是,要验证您不能使用样式标签。此外,您应该始终指定与实际图像相同的高度和宽度,这样浏览器就不必像调整大小那样对其进行任何修改。我建议这样做编辑:有人在评论中建议不添加任何属性会更快。根据谷歌的说法(并不是说它们是所有浏览器知识的终结):Ifnodimensionsarespecifiedinthecontainingdocu

html - 如何在悬停时更改 <img> 标签的来源?

我需要更改hover上的源URL.我试过了,但是不行:HTMLCSS#my-img:hover{content:url('http://dummyimage.com/100x100/eb00eb/fff');}jsFiddle如有任何帮助,我们将不胜感激。更新:这仅适用于Webkit/GoogleChrome。 最佳答案 只有html和css,无法更改图像的src。如果您确实将img标签替换为div标签,那么您也许可以像这样更改设置为背景的图像div{background:url('http://dummyimage.com/100