头闻号

深圳市吉田化工有限公司

萜烯树脂T-100/120,特级松香,C5/C9石油树脂,氢化石油树脂,增粘树脂138、801,酚醛树...

首页 > 新闻中心 > 科技常识:用CSS实现文本左右对齐且首行缩进的代码
科技常识:用CSS实现文本左右对齐且首行缩进的代码
发布时间:2024-10-03 02:24:44        浏览次数:3        返回列表

今天小编跟大家讲解下有关用CSS实现文本左右对齐且首行缩进的代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关用CSS实现文本左右对齐且首行缩进的代码 的相关资料,希望小伙伴们看了有所帮助。

先看效果图吧:

其源代码就比较干净了,源码如下:复制代码代码如下: <p class="elegant">Our online order form allows you to order directly in the internet, saving your time and offering you convenience. Here’s how you do it.</p> <p class="elegant">When you want to buy our commodities, please register first. After you create your account successfully, you can directly order our products and pay for them. Next time you just click “log in”, you can enter your account, then shopping simply and conveniently.</p> 最重要的就是CSS了,代码如下: 复制代码代码如下: <style type="text/css"> *.elegant { margin-left: 40px; margin-right: 80px; letter-spacing: 1px; word-spacing: 2px; line-height: 1.7em; text-indent: 40px; text-align: justify; } </style> 上面简单的CSS样式就实现了文本的左右对齐,并且段落的首行是缩进的.

来源:爱蒂网