在一个固定宽度的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. Android7.0适配APK安装

    Android7.0适配APK安装 适配的原因 对于面向Android7.0的应用,Android框架执行的StrictMode API政策禁止在您的应用外部公开file://URL.如果一项包含文件 ...

  2. 《http权威指南》读书笔记7

    概述 最近对http很感兴趣,于是开始看<http权威指南>.别人都说这本书有点老了,而且内容太多.我个人觉得这本书写的太好了,非常长知识,让你知道关于http的很多概念,不仅告诉你怎么做 ...

  3. AI - 学习路径（Learning Path）

    初见 机器学习图解 错过了这一篇,你学机器学习可能要走很多弯路 这3张脑图,带你清晰人工智能学习路线 一些课程 Andrew Ng的网络课程 HomePage:http://www.deeplearn ...

  4. cpuset

    本文属于内核文档翻译,翻译时没有遵照原文,添加了一些作者的理解,目的不是为了替代内核文档,可以作为阅读内核文档的引子,作者鼓励读者阅读原有的内核文档.原文参考3.10.514内核文档cpuset.tx ...

  5. Kubernetes集群搭建之Master配置篇

    本次系列使用的所需部署包版本都使用的目前最新的或最新稳定版,安装包地址请到公众号内回复[K8s实战]获取 今天终于到正题了~~ 生成kubernets证书与私钥 1. 制作kubernetes ca证 ...

  6. css3新特性总结

    一.什么是css3 css用于控制网页的样式和布局,css3是css的升级版本,受浏览器限制,跨浏览器开发有点复杂.css3完全向后兼容 二.css3新特性 1.边框 css3的边框有如下属性: (1 ...

  7. 【shiro】(1)---了解权限管理

    了解权限管理 一.概念 1.什么是权限管理 只要有用户参与的系统一般都要有权限管理,权限管理实现对用户访问系统的控制,按照安全规则或者安全策略控制用户可以访问而且只能访问自己被授权的资源. 权限管理包 ...

  8. [java]类初始化挺有意思的题目

    public class Base { private String baseName = "base"; public Base() { callName(); } public ...

  9. 从session原理出发解决微信小程序的登陆问题

    声明:本文为作者原创文章,转载请注明出处 https://www.cnblogs.com/MaMaNongNong/p/9127416.html  原理知识准备  对于已经熟悉了session原理的同 ...

  10. LeetCode算法扫题系列83

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9104582.html LeetCode算法第83题(难度:简单) 题目:给定一个排序链表 ...