在一个固定宽度的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. centos安装discuz论坛

    wget http://download.comsenz.com/DiscuzX/3.3/Discuz_X3.3_SC_UTF8.zip #下载最新版Discuzunzip Dis......zip ...

  2. Android自定义控件总结

    自定义控件分类: 1.使用系统控件,实现自定义的效果 2.自己定义一个类继承View ,如textView.ImageView等,通过重写相关的方法来实现新的效果 3.自己定义一个类继承ViewGro ...

  3. build.gradle文件的注释

    Gradle是一种依赖管理工具,基于Froovy语言,面向Java应用为主,它抛弃了基于xml的各种繁琐配置,取而代之的是一种基于Groovy的内部领域特定(DSL)语言. apply plugin: ...

  4. nginx 日志切割脚本

    #!/bin/shLOG_PATH=/home/test/nginx/logsNEW_LOG_PATH=/home/test/nginx/dayslogNGING_PID=$(cat /home/te ...

  5. MySQL、MariaDB修改默认字符集

    修改2017.4.9: 最近在使用MariaDB,遇到了同样的问题:中文乱码.因为mariadb他有好几个ini文件,但是可以根据自己开发需要创建一个my.ini,然后我试着去修改mariadb安装目 ...

  6. vue-manage-system 后台管理系统开发总结

    前言 vue-manage-system,一个基于 Vue.js 和 element-ui 的后台管理系统模板,从2016年年底第一个commit,到现在差不多两年了,GitHub上也有了 5k st ...

  7. 导入项目报错【Minimum supported Gradle version is 3.3. Current version is 2.14.1】

    问题描述 导入项目的时候,因为同事的开发环境是Android Studio 2.3.2  Gradle3.3.而我的开发环境是Android Studio 2.2.2 Gradle2.14.1. 所以 ...

  8. SpringContextHolder 静态持有SpringContext的引用

    import java.util.Map; import org.springframework.context.ApplicationContext; import org.springframew ...

  9. linq标准查询运算符

    Order By操作 适用场景:对查询出的语句进行排序,比如按时间排序等等. 说明:按指定表达式对集合排序:延迟,:按指定表达式对集合排序:延迟,默认是升序,加上descending表示降序,对应的扩 ...

  10. DataCleaner（4.5）第二章

    Chapter 2. Getting started with DataCleaner desktop Table of Contents |--Installing the desktop appl ...