CSS文本段落左右两端对齐

 时间:2024-10-14 20:55:20

在网站开发过程中,我们经常用到CSS文本对齐属性text-align属性来设置一个沾咎悉能适合的对齐方式使得界面美观,达到良好的用户体验!下面小编将带你体验文本对齐的几种效果!

CSS文本段落左右两端对齐

工具/原料

网页开发工具

电脑

创建HTML模板

1、创建一个HTML文件(这个大家都会,只是为了方便演示!)HTML代码:<div class="domo"><p>文本内容</p></div>CSS代码:.domo{ width: 100%; height: 100px; padding: 0 10px; color: white; background: orangered;line-height: 24px; }

CSS文本段落左右两端对齐

设置:文本两端对齐

1、核心代码:CSS:text-align:justify

CSS文本段落左右两端对齐

文本左对齐

1、核心代码:CSS:text-align:left

CSS文本段落左右两端对齐

文本右对齐

1、核心代码:CSS:text-align:right

CSS文本段落左右两端对齐

文本居中对齐

1、核心代码:CSS:text-align:center

CSS文本段落左右两端对齐
  • CDR中交互式透明工具如何使用(设计入门)
  • PS如何制作便条纸效果?
  • cdr如何快速绘制饼形
  • PS设计七色圆柱体
  • InDesign怎么设计字体#校园分享#
  • 热门搜索
    邢台旅游景点大全 赣州旅游景点大全 丹巴旅游 同城旅游网站 太姥山旅游攻略 东极岛旅游 去哪旅游好玩 中国旅游饭店业协会 帕劳旅游费用 洞头旅游