css实现div内一段文本的两端对齐
在一个固定宽度的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内一段文本的两端对齐的更多相关文章
- css 实现div内显示两行或三行,超出部分用省略号显示
一.div内显示一行,超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 二.div内显示 ...
- css一div内文字居中
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中 ...
- css实现div内凹角样式
平常的开发中我们一般使用到圆角都是外凸的,即border-radius属性.而如果有内凹角的情况,我们一般的考虑实现方法有2种.一种是直接使用背景图片,一种是使用css. 用到的属性则是backgro ...
- 只用CSS实现容器内图片上下左右居中
一直以来,大家都知道,DIV容器内设置 text-align:center 即可让图片居中,但是DIV内默认的图片是上对齐,不会上下居中,如果想要实现这样的效果,JS判断是比较麻烦的,因为DIV容器内 ...
- CSS实现两端对齐效果
CSS实现两端对齐效果 两端对齐,从概念上来说,其实不难理解.如果不明白什么叫两端对齐,可以玩玩word等办公软件. 下面谈谈如何实现文本的两端对齐.我所知道的大概有以下几种方法 text-align ...
- CSS中英文字符两端对齐实现
两端对齐实现 一般加上下面2行就可实现 display: inline-block; text-align: justify; 但是对于中英文混杂的情况,中英文难一起实现对齐,原因在下面有分析,需要如 ...
- 禁止选择DIV内的文本(css,js写法)
css:<span style="font-family:SimSun;font-size:18px;">/* 禁止选择div内的文字 */ #hall_body { ...
- CSS div内文字显示两行,超出部分省略号显示
1. 概述 1.1 说明 在项目过程中,有时候需要控制div内文字最多显示两行,超出的使用省略号进行处理.使用识别码/前缀-webkit进行处理可直接得到相应效果. 1.1 -webkit WebKi ...
- CSS——div内文字的溢出部分用省略号显示
使得div内文字的溢出部分用省略号显示,可归纳为两种解决办法,一种方法是用CSS解决,另一种方法是js解决. 一.通过CSS控制显示 div内显示一行,超出部分用省略号显示 div内显示多行,超出部分 ...
随机推荐
- 线程池工厂Executors编程的艺术
Executors是一个线程池的工厂类,提供各种有用的线程池的创建,使用得当,将会使我们并发编程变得简单!今天就来聊聊这个工厂类的艺术吧! Executors只是Executor框架的主要成员组件之一 ...
- Docker简介以及操作
Docker 简介 Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.它基于 Google 公司推出的 Go 语言实现. 项目后来加入了 Linu ...
- [原创]k8exe2bat任意文件转Bat工具(WebShell无法上传EXE解决方案)
http://qqhack8.blog.163.com/blog/static/114147985201126105626755/ 这是我2011年的东西了,当时用此方法可免杀很多马,至今依然有很大的 ...
- [P4721] 分治 FFT
「题意」给定\(g[0]=1\),\(g[1~n-1]\)求序列\(f[i]=\sum_{j=1}^i f[i-j]*g[j]\ , i\in[1,n-1],f[0]=1\). 「分析」分治处理区间[ ...
- 数组转换为List(Arrays.asList)后add或remove出现UnsupportedOperationException
Java中,可以使用Arrays.asList(T... a)方法来把一个数组转换为List,返回一个受指定数组支持的固定大小(注意是固定大小)的列表.此方法同 Collection.toArray( ...
- 解决 .NET Core 在 Linux 下的时区问题
环境 # dotnet --info .NET Core SDK (reflecting any global.json): Version: Commit: 8a7ff6789d Runtime E ...
- Android--Service之AIDL传递复杂对象
前言 Android的AIDL不仅可以在绑定服务中传递一些Android规定的数据类型的数据,还可以传递一些复杂类型的数据.但是与传递系统允许的数据类型相比,复杂类型数据的传递要做更多的工作,本篇博客 ...
- Spring Aop分析
前言 上文讲述ioc框架的实现,本文开始讲述aop.在spring中aop也有3种配置方式,注解形式的我们先不讨论.我们先看看xml形式的配置方式. <aop:config> <ao ...
- [工具向]__申请,下载,使用百度地图api
前言 api即应用程序接口,在我们的日常开发中,我们不仅可以在开源代码仓库(,github,码云)中获得很大的帮助,在日常开发中占重要地位的另一个东西就是api,我们可以使用众多的第三方编写的优秀的a ...
- Struts2体系介绍
回顾Struts2,在会用基础上重看的理解. Struts 2框架架构流程 一个请求在Struts 2框架中的处理大概分为以下几个步骤. (1) 客户端提交一个HttpServletRequest请求 ...