CSS 向下移动

标签 css

谁能告诉我这个小部件发生了什么:http://davidbeckblog.com/notify/ ?相关的CSS大部分在style.css的底部.

基本上,小部件有 3 个部分。左边是按钮,中间是文本框,右边是进度条。当我添加文本框和进度指示器时,所有内容都会被下推。

最佳答案

我相信这些是内联元素,垂直对齐默认为 baseline。将所有 3 个跨度的垂直对齐设置为 top,然后看起来您需要在 span.status 上指定 margin-top:-3px 并且可能应用 1px 上边距通知我跨度。

或者,您可以使用清除元素 float 所有 3 个元素。

关于CSS 向下移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3224991/

相关文章:

html - Bootstrap 4按钮按下改变颜色

html - 如何修复按钮左侧的标题

javascript - 覆盖 div-chrome/IE 中的问题

css - Firefox 通过填充添加额外的宽度

html - 如何更改语义 ui 侧边栏的默认宽度?

css - 无法解释的 iOS 忽略 CSS 边距

css - 包含 col-xx-x 跨度时,Bootstrap <a> list-group-item 格式会中断

php - Wordpress 子主题不会覆盖父主题 css

html - 图片没有完整显示(reactjs,css)

html - 文本在较小的分辨率下跳起来