javascript - HTML, CSS, JavaScript

标签 javascript html css

我有一个带有图标和文本的 div。 只想将文本对齐到 div 的中心,同时将两个图标对齐到 div 的左侧,将 4 到 5 个图标对齐到 div 的右侧。 现在,我正确对齐了图标,但问题在于将文本准确对齐到 div 的中心。 我使用填充暂时解决了这个问题,但它不适用于不同的分辨率。

有人可以帮我解决这个问题吗?我添加了一个不完全位于 div 中心的图像。我需要文本正好位于中心,它应该适用于所有分辨率

enter image description here

最佳答案

我不确定你在问什么,但也许这会有所帮助:

我正在使用 flexbox 属性 space-between 来左右对齐图标并使文本居中

检查 fiddle :https://jsfiddle.net/victor_allegret/o98oh3mo/

enter image description here

关于javascript - HTML, CSS, JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45372352/

相关文章:

javascript - 可以重命名与其他类上的函数同名的 JS 函数的 IDE

javascript - 如何在 JS 验证过程中区分特殊字符

javascript - C++ 和 JS RegEx 等价于\p{L}

jquery - Firefox 和 Chrome 中的 CSS 输出解释了吗? [id^ ="exlidInput_scope"]

jQuery 分页器和 :hover

html - 文本与图标垂直居中对齐(更新)

html - 卡住了使用 CSS 创建子菜单

javascript - 如何增加垂直高度并在 Bootstrap 中的 div 滚动中的内容之间添加空间

javascript - 为什么 HTML5 checkValidity() 返回的结果与 JavaScript regexp.test() 不同?

javascript - 以暂停方式在循环中单独设置动画 Div