草庐IT

img_title

全部标签

css - 如何使我的 <figcaption> 的宽度与其 <figure> 标签内的 <img> 的宽度相匹配?

说,我得到了这段代码:Bunnyrabitsarecuddlyandfluffycreatureswithbigears.Theyeatcarrots.如果我不使用任何CSS,figcaption会将图形元素的宽度扩展到200像素以上。我怎样才能避免这种情况?我知道我可以通过指定图形元素的宽度()强制figcaption中的文本换行,但我真的不想对每张图片都使用它。 最佳答案 将此代码添加到和CSS-Attributes帮助我解决了同样的问题。此外,它还保留了您的图像和字幕的响应能力。figure{display:table;}fi

html - 图像大小应该在 img 标签的高度/宽度属性中定义还是在 CSS 中定义?

这个问题在这里已经有了答案:ShouldIspecifyheightandwidthattributesformyIMGsinHTML?(5个答案)关闭8年前。在img标签的width和height属性中定义图像大小是否更好?还是在带宽度/高度的CSS样式中?还是两者兼而有之?

html - 图像大小应该在 img 标签的高度/宽度属性中定义还是在 CSS 中定义?

这个问题在这里已经有了答案:ShouldIspecifyheightandwidthattributesformyIMGsinHTML?(5个答案)关闭8年前。在img标签的width和height属性中定义图像大小是否更好?还是在带宽度/高度的CSS样式中?还是两者兼而有之?

css - HTML 5 奇怪的 img 总是在底部添加 3px 边距

这个问题在这里已经有了答案:Imageinsidedivhasextraspacebelowtheimage(10个答案)关闭3年前。当我将我的网站更改为每个包含在DIV中的img元素都有一个3px的底部边距,即使该边距没有在CSS中定义。换句话说,没有导致3px底部边距的样式属性。现在假设haha​​.jpg是50x50,.placeholder设置为显示:表格。奇怪的是,我观察到的.placeholder的高度尺寸是50x53...有没有人遇到过这个异常并修复它?编辑这是JSFIDDLEhttp://jsfiddle.net/fRpK6/

css - HTML 5 奇怪的 img 总是在底部添加 3px 边距

这个问题在这里已经有了答案:Imageinsidedivhasextraspacebelowtheimage(10个答案)关闭3年前。当我将我的网站更改为每个包含在DIV中的img元素都有一个3px的底部边距,即使该边距没有在CSS中定义。换句话说,没有导致3px底部边距的样式属性。现在假设haha​​.jpg是50x50,.placeholder设置为显示:表格。奇怪的是,我观察到的.placeholder的高度尺寸是50x53...有没有人遇到过这个异常并修复它?编辑这是JSFIDDLEhttp://jsfiddle.net/fRpK6/

html - 如何将图像 (img) 放入 div 并保持纵横比?

我有一个48x48的div,里面有一个img元素,我想把它放到div中而不丢失任何部分,同时保持比例,是否可以使用html和css实现? 最佳答案 使用max-height:100%;max-width:100%;用于div内的图像。 关于html-如何将图像(img)放入div并保持纵横比?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4394309/

html - 如何将图像 (img) 放入 div 并保持纵横比?

我有一个48x48的div,里面有一个img元素,我想把它放到div中而不丢失任何部分,同时保持比例,是否可以使用html和css实现? 最佳答案 使用max-height:100%;max-width:100%;用于div内的图像。 关于html-如何将图像(img)放入div并保持纵横比?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4394309/

html - 元标记内的属性属性 ="og:title"是什么?

我有这个网站源代码的摘录:这个property属性代表什么,它的目的是什么? 最佳答案 og:title是开放图元标记之一。og:...属性定义社交图中的对象。例如,它们被Facebook使用。og:title代表您的对象的标题,因为它应该出现在图表中(更多信息请参见此处http://ogp.me/) 关于html-元标记内的属性属性="og:title"是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflo

html - 元标记内的属性属性 ="og:title"是什么?

我有这个网站源代码的摘录:这个property属性代表什么,它的目的是什么? 最佳答案 og:title是开放图元标记之一。og:...属性定义社交图中的对象。例如,它们被Facebook使用。og:title代表您的对象的标题,因为它应该出现在图表中(更多信息请参见此处http://ogp.me/) 关于html-元标记内的属性属性="og:title"是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflo

html - 如何更改 anchor 标记内 title 属性的样式?

例子:Link如何更改“title”属性在浏览器中的显示方式?默认情况下,它只有黄色背景和小字体。我想让它变大并更改背景颜色。是否有CSS方法来设置标题属性的样式? 最佳答案 似乎实际上有一个纯CSS解决方案,只需要cssattr表达式、生成的内容和属性选择器(这表明它可以追溯到IE8):https://jsfiddle.net/z42r2vv0/2/a{position:relative;display:inline-block;margin-top:20px;}a[title]:hover::after{content:attr