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怎么设计字体#校园分享#
  • 热门搜索
    三峡旅游网 中南国际旅游公司 舟山市旅游委员会 柬埔寨旅游报价 九华山旅游地图 景德镇旅游景点 永泰云顶旅游攻略 汉源旅游景点 萍乡旅游景点大全 沙家浜旅游攻略