在一个固定宽度的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. Git使用详细教程(1):工作区、暂存区、本地仓库、远程仓库

    之前的写过一篇如何在服务器上搭建Git服务Git服务器搭建,接下来的一段时间,我将详细的讲解Git的使用.看如下一张图片,本篇主要理解一些基本概念. 图中几个名词的意思如下: workspace: 工 ...

  2. Redis之分布式锁

    目录 一.加锁原因 二.原子操作 三.分布式锁 四.分布式锁常见问题 一.加锁原因 在一些比较高并发的业务场景,经常听到通过加锁的方法实现线程安全. 下面简单介绍一下 1.1 加锁方式 数据库锁 数据 ...

  3. DCT(离散余弦变换)算法原理和源码(python)

    原理: 离散余弦变换(DCT for Discrete Cosine Transform)是与傅里叶变换相关的一种变换,它类似于离散傅里叶变换(DFT for Discrete Fourier Tra ...

  4. Web存储及文件拖拽

    存储 实现内容的永久保存(localStorage) 保存: localStorage.自定义键名="123"; 获取: //判断是否有内容 if(localStorage.自定义 ...

  5. ThinkPHP 5隐藏public/index.php方法

    1.复制public下的index.php与.htaccess文件至根目录: 2.直接修改index.php,将内容修改为:<?php require 'public/index.php'; ? ...

  6. Android项目创建.prorperties配置文件和调用方法

    刚接触Android开发不久,今天写项目发现里面的可变参数有点多,(主要是服务器访问路径), 如果路径改变或者改名字了的话,若都写在代码里,岂不是要炸了? 我想到了Java项目里的有个.prorper ...

  7. 解决 .NET Core 在 Linux 下的时区问题

    环境 # dotnet --info .NET Core SDK (reflecting any global.json): Version: Commit: 8a7ff6789d Runtime E ...

  8. Java 容器 & 泛型:三、HashSet,TreeSet 和 LinkedHashSet比较

    Writer:BYSocket(泥沙砖瓦浆木匠) 微博:BYSocket 豆瓣:BYSocket 上一篇总结了下ArrayList .LinkedList和Vector比较,今天泥瓦匠总结下Hash ...

  9. 后端不会写页面怎么办?推荐几个好用的前端UI模板、组件对比

    前言 下面推荐并对比几个好用的前端UI模板 推荐给以下的人使用: 1.不想重复造轮子的后端 2.不想学bootstrap的后端 3.后端开发想自己写简单页面的 4.偷懒的前端 本文注重手机端,对web ...

  10. MySQL批量插入数据的几种方法

    最近公司要求测试数据库的性能,就上网查了一些批量插入数据的代码,发现有好几种不同的用法,插入同样数据的耗时也有区别 别的先不说,先上一段代码与君共享 方法一: package com.bigdata; ...