文字如何居中,居左,居右?

1-功能标签有:

left 左对齐

center 居中对齐

right 右对齐

2-使用方法

在head标签包裹内,title下,style内

text-align:left;将这个功能赋予一个值,然后,标签使用;

3 示例

3-1让文字居左,如下图显示,文字其实默认是居左的;

代码如下图

3-2 让文字居中,需要重新给个定义值;如下图浏览器显示

给p标签一个居中的值

3-3 让文字居右,如下图浏览器显示;

代码如下图

4 给对应的标签直接赋值;如下图

代码如下图:

4-小结,通过对浏览器的拉伸和缩小,发现其实内容是随着浏览器的宽度改变,可以理解为,这几个值的作用并不是单纯的居左居右,是对于标签的内容进行的改变,这个改变会随着浏览器的宽度做出自适应。而且,并不会因为赋值给标签还是自定义标签而改变。

(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,830评论 0 26
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 3,725评论 0 6
  • 阅读目录移动开发基本知识点 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    张宪宇阅读 1,682评论 0 1
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,315评论 0 66
  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 1,369评论 0 2

友情链接更多精彩内容