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怎么设计字体#校园分享#
  • 热门搜索
    免疫力下降怎么办 合同书怎么写 忘记密码怎么办 小孩舌头溃疡怎么办 痰是怎么形成的 耳屎多是怎么回事 新手怎么买股票 前列腺炎怎么治 怎么骑自行车 笔记本电脑怎么连wifi