在一个固定宽度的div内，使得P标签内的文本两端对齐： text-align: justify;text-justify:inter-ideograph;

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>justify</title>

</head>

<style>

    .box{width: 400px;height: auto;text-align: justify;text-justify:inter-ideograph;}

    p{font-family: 'Microsoft Yahei';line-height: 150%;

        font-size: 12px;

        /*letter-spacing:2px;*/

        /*vertical-align: baseline;*/

}

</style>

<body>

    <div class="box">

        <p>我自记事开始，便一个人住在俊疾山上，身边只有鸟兽虫鱼，所以也没有名字。他叫我素素，说从此以后，这便是我的名字，我偷偷开心了好几天。后来，他带我来到这九重天上。我才知道自己的夫君原来竟是天君的孙子。那时，他还尚未曾被立为太子。可在这九重天上，没有人承认他是我的夫君。他也从未与天君提过，他在东荒娶了个凡人做夫人。那一夜，我去夜华的寝殿送羹汤。寝殿四周无人把守，素锦天妃的声音凄凄切切传出来：“你娶一个凡人，不过是报复我背叛你嫁给了天君，是不是？可我有什么办法，我有什么办法，四海八荒的女子，谁能抵挡得了天君的恩宠？呵，告诉我，夜华，你爱的仍然是我，对不对，你叫她素素，不过是因为，不过是因为我的名字里嵌了个素字，对不对？”那和现实吻合得一丝不差的梦境到此嘎然而止，我却已惊出了一生冷汗。仔细地抚摸了会儿高高隆起的肚子。怀胎已三年，我想，大概近期就要临盆。入夜之后，奈奈久久不曾过来服侍我歇下。我现在还没有办法一个人打水洗漱，只好开口催她。奈奈过来帮我掖了掖盖在腿上的花毯，回答：“娘娘，再等等吧，也许殿下今夜要过来也未可知呢？”我哑然失笑。那件事发生之后，夜华便再不曾过来歇息。我知道，今后也不会了。那时候，在东荒的俊疾山上，若夜华告诉我他已经有了心尖尖上的人，我是不会让他娶我的。那时候，我还没有爱上他，我只是一个人很寂寞。可他什么也没说，他娶了我，还将我带上了这九重天。我天生擅长粉饰太平，所以他和素锦天妃的种种纠葛我都可以当作不知道。我想，不管怎样，他娶的是我，我们是对着东荒大泽拜了天地发了誓言的，我还有了他的孩子，我这么爱他，总有一天他会被我感动。而他，也确实逐渐地对我温柔了。我甚至庆幸地以为，他即便不爱我，是不是，也有点喜欢我了呢？爱这种东西，有时候，会让人变得非常卑微。可那件事情发生了。于是我一梦醒来，代价是失去双眼，失去光明。那一天，素锦天妃邀我去瑶池赏花。我以为是女眷们的小宴，便傻乎乎地接了帖子。到了瑶池，才知道只有我们两个人。屏退了宫娥，她拉着我一路行到了诛仙台。她站在诛仙台上凉凉地对我笑：“你知道么？天君要将夜华封做太子，将我赐给夜华做夫人。”我从来弄不懂他们这些神仙们的规矩和把戏，只感觉胸腹间一股血气上涌，不知道是愤怒，还是迷茫。她依然矜持地笑：“我和夜华情投意合，这九重天上本就不是一个凡人该待的地方，生下孩子，你就从这诛仙台上跳下去，回你该回的地方吧。”我不知道跳下诛仙台是不是真的可以回到俊疾山，那时候我从没有想过离开。我愣愣地问她：“是夜华让我回去的么？我是他的妻子，理所应当，要跟着他的。”现在想来，那一番话，也真是自取其辱。可那时候我一直侥幸地以为，夜华至少是有一点喜欢我的，只要他有那么一点点喜欢我，那我也是要待在他的身边的。素锦有些好笑地叹气，突然抓住我的手，带着我向诛仙</p>

    </div>

</body>

</html>

css实现div内一段文本的两端对齐的更多相关文章

  1. css 实现div内显示两行或三行，超出部分用省略号显示

    一.div内显示一行,超出部分用省略号显示 white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; 二.div内显示 ...

  2. css一div内文字居中

    在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中 ...

  3. css实现div内凹角样式

    平常的开发中我们一般使用到圆角都是外凸的,即border-radius属性.而如果有内凹角的情况,我们一般的考虑实现方法有2种.一种是直接使用背景图片,一种是使用css. 用到的属性则是backgro ...

  4. 只用CSS实现容器内图片上下左右居中

    一直以来,大家都知道,DIV容器内设置 text-align:center 即可让图片居中,但是DIV内默认的图片是上对齐,不会上下居中,如果想要实现这样的效果,JS判断是比较麻烦的,因为DIV容器内 ...

  5. CSS实现两端对齐效果

    CSS实现两端对齐效果 两端对齐,从概念上来说,其实不难理解.如果不明白什么叫两端对齐,可以玩玩word等办公软件. 下面谈谈如何实现文本的两端对齐.我所知道的大概有以下几种方法 text-align ...

  6. CSS中英文字符两端对齐实现

    两端对齐实现 一般加上下面2行就可实现 display: inline-block; text-align: justify; 但是对于中英文混杂的情况,中英文难一起实现对齐,原因在下面有分析,需要如 ...

  7. 禁止选择DIV内的文本(css,js写法)

    css:<span style="font-family:SimSun;font-size:18px;">/* 禁止选择div内的文字 */ #hall_body { ...

  8. CSS div内文字显示两行，超出部分省略号显示

    1. 概述 1.1 说明 在项目过程中,有时候需要控制div内文字最多显示两行,超出的使用省略号进行处理.使用识别码/前缀-webkit进行处理可直接得到相应效果. 1.1 -webkit WebKi ...

  9. CSS——div内文字的溢出部分用省略号显示

    使得div内文字的溢出部分用省略号显示,可归纳为两种解决办法,一种方法是用CSS解决,另一种方法是js解决. 一.通过CSS控制显示 div内显示一行,超出部分用省略号显示 div内显示多行,超出部分 ...

随机推荐

  1. Javascript高级编程学习笔记（80）—— 表单（8）表单序列化

    表单序列化 随着 Ajax 的出现,表单序列化成为一种常见需求 以将表单信息序列化为查询字符串为例 我们可以利用表单的 type 属性,以及 name 和 value 实现对表单的序列化 序列化应满足 ...

  2. eclipse遇到的问题

    引用不了R文件,可能是导包导错了cannot be resolved or is not a field:首先检查你的XML是否保存了,再检查你的import导入的R文件是你包名+R还是android ...

  3. Python爬虫-萌妹子图片

    最近发现一个可以看图的地方,一张张翻有点累,毕竟只有一只手(难道鼠标还能两只手翻?).能不能下到电脑上看呢,毕竟不用等网速,还可以预览多张,总之很方便,想怎么就怎么,是吧? 刚好这几天在学python ...

  4. [转载]PHP中PSR-[0-4]规范

      PHP是世界上最伟大的语言,这一点是毋庸置疑的吧.哈哈哈哈哈哈 .这个霸气的开头不错!(^__^) 但是正是因为伟大,所以用的人也就多了,人一多,再牛逼再伟大的东西,都会产生问题,逐渐就造成了很多 ...

  5. Dash by Plotly 学习笔记

    一.介绍 1.dash 是什么 dash 是一个基于 Flask (Python) + React 的 web 框架. 入门指南:https://dash.plot.ly/getting-starte ...

  6. pocketsphinx 移植问题解决备案

    一 编译问题: 1 _continuous: error while loading shared libraries: libpocketsphinx.so.3: cannot open share ...

  7. LVS DR模式配置

    关于LVS的相关介绍,以下两篇文章均做了具体的介绍: http://www.linuxvirtualserver.org/zh/lvs1.html http://www.cnblogs.com/liw ...

  8. Python编程Day7——字符编码、字符与字节、文件操作

    一.字符编码 重点 ***** 1. 什么是字符编码:将人识别的字符转换计算机能识别的01,转换的规则就是字符编码表2. 常用的编码表:ascii.unicode.GBK.Shift_JIS.Euc- ...

  9. MapReduce的二次排序

    附录之前总结的一个例子: http://www.cnblogs.com/DreamDrive/p/7398455.html 另外两个有价值的博文: http://www.cnblogs.com/xux ...

  10. RESTful规范1

    RESTful规范 一 什么是RESTful REST与技术无关,代表的是一种软件架构风格,REST是Representational State Transfer的简称,中文翻译为"表征状 ...