继承子节点的高度(A内的IMG)

2024-06-04

我的电脑上有一个漂亮的 CSS<a>标签。放一个<img>链接内部使图像粘在链接外部<a>块,尽管它仍然可以点击,但看起来很愚蠢。

改变<a> to display:block, or float:left修复了这个问题,但有一个不良的情况not-副作用。

我怎样才能克服这个问题?

http://jsfiddle.net/z5gdA/2/ http://jsfiddle.net/z5gdA/2/


inline-block 可以解决问题,但它不适用于 IE。

http://jsfiddle.net/dbugger/z5gdA/3/ http://jsfiddle.net/dbugger/z5gdA/3/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

继承子节点的高度(A内的IMG) 的相关文章

  • 如何让 Twitter Bootstraps 移动导航栏覆盖页面上的内容而不是将其向下推?

    我正在使用 Twitter Bootstrap 并且想修改移动导航栏 以便在展开时下拉菜单覆盖页面上的内容 而不是将其向下推 我知道我可能需要制作包含 div 绝对定位 增加它的 z index 并定位外部 div 相对而言 但我似乎无法让
  • 为什么这个div的计算高度比它的内容高?

    我是一名 CSS 新手 正在使用 WordPress 网站菜单栏插件 http wordpress org extend plugins menubar 用于导航 我已经能够对 CSS 的配色方案 居中和字体内容进行更改 但我无法弄清楚为什
  • CSS flex-basis: 0% 与 flex-basis: 0px 有不同的行为

    根据MDN https developer mozilla org en US docs Web CSS flex the flex 1应设置简写flex basis 0 然而 它实际上设置了flex basis 0 更令人惊讶的是 这有不
  • 占位符不适用于 Internet Explorer

    我的应用程序出现了小问题 Internet Explorer 11 上不存在占位符 我尝试了下面的 CSS 示例 但没有成功 ms input placeholder IE10 11 color ccc important font wei
  • 如何以“打印”模式查看 Google 地图?

    我正在使用 Google Maps API v2 并且希望能够像 Google 在其地图页面上那样打印地图 您可以单击小打印机图标 它会创建一个具有相同地图的新弹出窗口 但所有不可打印的内容 如控件 都会被删除 我知道他们使用 media
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • 使 div 的大小与其内部图像的大小相同

    我有一个带有以下代码的div HTML div img src img logo png div CSS div imgContainer width 250px height 250px padding 13px 问题是用户可以编辑图像大
  • Bootstrap下拉菜单文本颜色

    所以我第一次使用 Twitter 的 Bootstrap 我试图在下拉菜单折叠后更改其文本的颜色 如果有道理的话 I used 当您压缩网页以显示折叠菜单并转到下拉列表时 您会看到蓝色背景转移到下拉菜单项 但字体颜色为黑色 使其很难阅读 我
  • 如何显示不同页眉的页面? [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我正在为我的学校项目开发网站 但我遇到了一个问题 我在每个页面上显示一个标题 我的标题之一包含登录表单 另一标题包含用户名 搜索栏等 问题是
  • 使用带有箭头的 MaterializeCSS 轮播 - 如何使用普通 javascript 进行初始化

    我正在尝试使用 MaterializeCSS 创建带有箭头的轮播 我正在尝试使用这个代码笔 https codepen io Paco Cervantes pen ZLxKpj取得有限的成功 我想使用普通的 javascript 而不是 j
  • CSS交付优化:如何推迟CSS加载?

    我在尝试着优化 CSS 交付遵循针对开发人员的谷歌文档https developers google com speed docs insights OptimizeCSSDelivery example https developers
  • 如何使用node-sass将scss编译为css

    我有一个 master scss 其中包含许多来自其他 scss 文件的导入 如果我更改 scss 文件 master css 会自动生成 我只使用 NPM 没有使用 Gulp 或 Grunt 这应该保持不变 我当前的构建脚本 script
  • 对启用和禁用按钮使用单一样式类

    我有一个使用类 formBtn 的按钮 in css formBtn color fff background color 518ACD border color ccc 000 000 ccc font size 11px font we
  • 如何在Center中设置WebView内容?

    我正在 WebView 中加载一些 HTML 内容 但它总是出现在我的 WebView 的左上角 我也尝试使用样式表 在样式表中我添加了与中心相关的标签 但它没有位于中心 样式表中的其他标签工作正常 如何设置WebView中的内容垂直和水平
  • 匿名行内框是否包含空格?

    我阅读了 CSS2 1 规范 并在 匿名内嵌框 https www w3 org TR CSS22 visuren html anonymous部分 它显示了一个匿名内联框的示例 如下所示 p Some em emphasized em t
  • 具有最大高度的 div 内的表格

    我想要一个可滚动的表格 为了实现这一点 我包装了一个 table into a div with a max height and overflow auto 除此之外 div has display inline block以确保 div
  • Html 中的过滤表行

    我创建了一个 html 页面 其中包含搜索文本和下表 表中包含一些数据 我使用了可用的代码JSFiddle http jsfiddle net 7BUmG 2 但这没有用 请提出类似于所示示例的建议 我使用简单的 html CSS 和 Ja
  • 带偏移量的 CSS 背景渐变

    我将渐变作为背景图像应用到我的身体上 然后我在顶部添加了 255px 偏移background position 0 255px 它看起来相当不错 除了一个小问题 当然渐变不是在页面底部结束 而是在下面 255px 处结束 有没有什么简单的
  • 使内联块在溢出时缩小到内容

    I have an inline block container with several other inline block elements like so The container is the blue background t
  • webkit-font-smoothing:chrome 和 safari 中的结果突然不同

    我曾经在两个 webkit 浏览器 Chrome 和 Safari 中都有相同的输出 但突然之间 我不知道我可以改变什么 Chrome 中的渲染看起来很糟糕 这是我的html li class cat item term term work

随机推荐