用CSS实现文本左右对齐且首行缩进的代码

当前位置 : 首页 > 网页制作 > CSS > 用CSS实现文本左右对齐且首行缩进的代码

用CSS实现文本左右对齐且首行缩进的代码

来源: 作者: 时间:2015-11-24 08:47
关于这个小问题呢,我也想到了这本书的第11章介绍的分割这一节的文章有介绍,但这本书我也没有放在公司,也就不管它了;今天翻起这本书也正好看到了,特把原来没有解决的问题给
关于这个小问题呢,我也想到了<<精通CSS与HTML设计模式>>这本书的第11章介绍的分割这一节的文章有介绍,但这本书我也没有放在公司,也就不管它了;今天翻起这本书也正好看到了,特把原来没有解决的问题给解决掉了。

先看效果图吧:

其源代码就比较干净了,源码如下:

复制代码
代码如下:

<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样式就实现了文本的左右对齐,并且段落的首行是缩进的.

Tag:
网友评论

<