html - 将文本置于水平对齐按钮下方

标签 html css

enter image description here

我有这些链接按钮,下面有文字。现在我正在使用表格来使所有内容对齐。但我的老板想要鼠标悬停来触发图像和文本状态的改变。所以理想情况下我会将图像和文本都包装在 <a> 中并使用 css:hover。但我不知道该怎么做。到目前为止我已经尝试过列表但没有成功。我想要这样的东西:

<li><img src="" /><br /><a>href</a></li>

最佳答案

类似这样的事情吗?

  • 使按钮 float ,以便它们可以具有宽度
  • 设置宽度
  • 将图像和文本放入链接内
  • 执行text-align:center

示例:http://jsfiddle.net/gaby/kGd8c/

关于html - 将文本置于水平对齐按钮下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5357865/

相关文章:

CSS 3d变换透视网格

html - 在 tbody 上应用 CSS hover(没有 th)

javascript - 在原生 <select> 元素中使用 <slot>

javascript - 更改另一个html页面中的div

html - z-index 会影响元素超过 "hovered"吗?

javascript - 如何使此 Youtube 视频可点击(css + z-index)?

javascript - 如何使用箭头键和悬停事件将 css 应用于下拉表中的链接?

javascript - 当鼠标悬停在图像上时在 javascript 上创建弹出消息?

CSS 幻灯片(不同的幻灯片时间)

jquery - 动画 gif 不是动画