首页前端开发CSSCSS实现同一行的图片和文字垂直居中对齐的方法

CSS实现同一行的图片和文字垂直居中对齐的方法

时间2024-05-23 21:24:03发布访客分类CSS浏览91
导读:有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle;这样,它们在同一行就会垂直居中对...

有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle; 这样,它们在同一行就会垂直居中对齐了。

复制代码 代码如下:



让同一行内的图片和文字垂直居中对齐


body{
font-size:9pt;
}
#buttons *{
vertical-align:middle;
}
/*如果上边的不兼容火狐等,可以把下面这句也加上!
#buttons *{
vertical-align:middle;
}
*/




上边的图片、文字是不是都垂直对齐了呢?

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS实现同一行的图片和文字垂直居中对齐的方法
本文地址: https://pptw.com/jishu/666575.html
CSS实现让同一行文字和输入框对齐的方法 LinuxMint通过哪种方式提供软件更新

游客 回复需填写必要信息