前端知识点1-text align是写在父级居中还是子级

简介: 前端知识点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>
相关文章
|
4月前
|
前端开发 网络协议 JavaScript
|
4月前
|
JSON 前端开发 网络协议
前端知识点-----跨域
前端知识点-----跨域
59 0
|
1月前
|
缓存 运维 前端开发
前端必备的运维知识点
【8月更文挑战第25天】前端必备的运维知识点
42 1
|
1月前
|
缓存 负载均衡 前端开发
前端必会的nginx知识点
【8月更文挑战第22天】前端必会的nginx知识点
49 0
|
4月前
|
JavaScript 前端开发 Java
前端知识点03(JS)
前端知识点概览:了解JS中的this指向,包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性,如let/const、箭头函数、模板字符串、模块化、类和继承等。此外,ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦!
43 1
|
4月前
|
前端开发 NoSQL JavaScript
前端知识点小结--mongodb,保准看明白
前端知识点小结--mongodb,保准看明白
|
10月前
|
JavaScript 前端开发 数据库
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)-3
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)
91 0
|
4月前
|
缓存 JavaScript 前端开发
【前端】Vue2知识点大全!
【前端】Vue2知识点大全!
195 1
【前端】Vue2知识点大全!
|
4月前
|
移动开发 前端开发 Windows
前端H5怎么简单的实现复制text内容的操作
前端H5怎么简单的实现复制text内容的操作
43 0
前端H5怎么简单的实现复制text内容的操作
|
4月前
|
前端开发 JavaScript API
【前端】Vue3知识点合集
【前端】Vue3知识点合集
97 0
【前端】Vue3知识点合集