前端知识点1-text align是写在父级居中还是子级
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <!-- text-align水平居中是对父级使用还是子级使用 --> <div style="width: 100px; height: 100px; border: 1px solid #ccc"> <p>居中</p> </div> <div style="width: 100px; height: 100px; border: 1px solid #ccc"> <p style="text-align: center">居中</p> </div> <div style=" width: 100px; height: 100px; border: 1px solid #ccc; text-align: center; " > <p>居中</p> <!-- text-align属性，只对子元素起作用，并且可以被子元素继承 --> </div> </body> </html>
text-align属性，只对子元素起作用，并且可以被子元素继承
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！