天涯论坛

 找回密码
 立即注册
搜索
查看: 71|回复: 2

怎么才可让div内内容垂直居中。?

[复制链接]

2964

主题

144

回帖

9912万

积分

论坛元老

Rank: 8Rank: 8

积分
99129190
发表于 2024-6-30 05:43:59 | 显示全部楼层 |阅读模式

这是我总结的六种 HTML 元素垂直居中的实现方式,倘若觉得有用,就大方的点赞、保藏

1、 img的垂直水平居中

运用到的要紧样式属性display,vertical-align vertical-align:middle这个属性是对table元素垂直居中起功效倘若运用在 img 元素上,就重视下面的 display 设置。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">.main{ width: 400px; height: 400px; bac公斤round-color: #aaa; display: table;/*父元素设置表格属性*/ text-align: center; } .main span{




上一篇:【css面试题】CSS实现垂直水平居中?
下一篇:css 怎么样水平垂直居中一个元素?
回复

使用道具 举报

0

主题

770

回帖

3

积分

新手上路

Rank: 1

积分
3
发表于 2024-9-8 17:43:16 | 显示全部楼层
真情实感,其含义为认真了、走心了的意思,是如今的饭圈常用语。
回复

使用道具 举报

3069

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158935
发表于 2024-10-7 20:32:41 | 显示全部楼层
外贸论坛是我们的,责任是我们的,荣誉是我们的,成就是我们的,辉煌是我们的。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 22:04 , Processed in 0.093002 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.