`
kingkit
  • 浏览: 39413 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

文章内容两端不对齐的解决方法

阅读更多
今天客户突然说网站的文章内容显示很有问题!原来是页面显示两端不对齐的问题。
浏览器啊~~~
明明在MS Word里面是对齐的文章,放到网站上就显示很难看了(后台用的是FCK)。
下图是在Word里面的截图:

放到网站上就变了:


左边是对齐了,但是右边是歪歪的,不在一条线上。
后来查了一下,找到了解决方法:在样式里面加:
 text-justify:inter-ideograph; //中文排版需要
  text-align:justify;//英文排版需要

即:


最后效果:




收工。
  • 大小: 113.2 KB
  • 大小: 105.8 KB
  • 大小: 6.9 KB
  • 大小: 112.1 KB
1
0
分享到:
评论

相关推荐

    火狐、ie中英文两端对齐

    在这篇文章中,我们将深入探讨这个问题,以及如何通过调整CSS来实现中英文在火狐和IE上的两端对齐效果。 首先,我们来看一下CSS中的`text-align`属性。这个属性用于设置元素内部文本的水平对齐方式,其默认值通常是...

    安卓平台的两端对齐控件,亲测可用

    在本篇文章中,我们将深入探讨如何在Android应用中实现这种效果,并以"安卓平台的两端对齐控件,亲测可用"为例,详细介绍一个名为JustifiedTextView的开源解决方案。 JustifiedTextView是Android开发者为了解决系统...

    9月18日transceivet对齐.zip_FPGA GTX_splitkyb_transceiver 对齐_两块fpga_对

    本篇文章将详细解释“splitkyb”模式下的FPGA GTX Transceiver对齐过程以及如何解决两块FPGA之间的对齐问题。 1. **GTX Transceiver简介** GTX Transceiver是一种高级的串行化和解串行化技术,它可以将并行数据...

    ios-HTML图文混排、左右对齐、带选择功能.zip

    对于中文左右对齐,开发者可以通过调整段落样式来实现,确保文本两端均等分布。 4. **DTRichTextEditor**:这是基于DTCoreText的一个富文本编辑器,它提供了更高级的功能,如文本编辑、选择和格式化。...

    文章自动排版工具

    5. **对齐方式设置**:自动调整文本的左对齐、右对齐、居中或两端对齐,增加视觉效果的均衡感。 6. **列表处理**:识别并格式化无序列表或有序列表,如用符号(*)、(+)或数字(1., 2.)表示。 7. **引用和代码块**:...

    文章排版工具

    比如,一键转换标题层级,自动调整列表格式(有序或无序),以及智能对齐方式,如左对齐、居中、右对齐或两端对齐。这样,用户无需手动操作,就能保持文章的结构清晰。 图片处理也是排版中的重要环节。好的文章排版...

    flex布局换行空白间隙之align-content的使用

    6. `space-around`:所有行的周围都有相同的空白,每行两端对齐。 通过改变`align-content`的值,我们可以灵活地调整多行Flex布局中的行间距,从而满足不同的设计需求。在提供的示例中,`align-content: flex-start...

    基于GPS双端同步采样的高压输电线路故障定位算法.pdf

    借助GPS技术,可以确保两端数据的精确时间对齐,这是关键的一步,因为电力系统中的故障通常是瞬态的,准确的时间同步至关重要。算法采用了分布参数线路模型,考虑到输电线路的分布电容效应,这对于高压线路尤其重要...

    大学计算机基础操作题(1).doc

    同时,设置段落对齐方式为两端对齐,这样能够使得每行文字的两端都整齐对齐,整体视觉效果更加美观。 在文章适当位置插入一幅剪贴画或图片,对于丰富文档内容、增加阅读趣味性具有重要作用。在Word文档中插入图片后...

    网站排版助手

    3. **对齐方式**:提供左对齐、居中、右对齐和两端对齐等选项,方便用户根据需要调整文章的对齐方式。 4. **行距与字距**:调整行间距和字间距,使得文字更易于阅读,减少眼睛的疲劳感。 5. **标题分级**:自动识别...

    格式编辑器

    2. **格式转换与调整**:编辑器提供了丰富的文本格式转换选项,包括字体大小、颜色、样式(如加粗、斜体、下划线)、对齐方式(左对齐、居中、右对齐、两端对齐)等,使得文章在视觉呈现上更加专业和吸引人。...

    四年级信息技术上册 设置段落格式(第1课时)教案 青岛版.doc

    教师演示设置对齐方式的操作步骤,学生模仿练习,尝试不同的对齐方式,如两端对齐、居中对齐和右对齐。同时,引导学生反思自己的文章,是否需要调整段落样式。 3. 合作学习,释疑解难。鼓励学生自学段落缩进设置,...

    四年级信息技术上册 第5课 排版小专家教案.doc

    例如,两端对齐能够让文本看起来更加整齐有序;居中对齐常用于标题或者需要突出的段落;右对齐在西文中常用于列表的排版;分散对齐则适用于需要突出视觉冲击效果的文本。教师会通过示范和指导,帮助学生掌握这些对齐...

    2010计算机应用基础期末实践考核试题.pdf

    4. 设置正文段落格式为两端对齐,首行缩进2个字符,行距为1.5倍行距。 5. 调整文档页面设置为A4纸张大小,页面上下左右边距均为3.5厘米。 6. 为文档添加双线型边框,填充底纹为浅绿色,应用范围为段落。 7. 最后,以...

    ewebeditor-php

    2. **段落和对齐**:支持左对齐、居中、右对齐和两端对齐。 3. **列表和编号**:提供无序列表、有序列表以及自定义编号的列表功能。 4. **插入图片和链接**:用户可以直接上传本地图片或者通过URL插入网络图片,...

    在线排版工具 v1.0

    用户可以将未格式化的文本粘贴到工具中,工具会自动识别并按照预设的排版规则进行整理,如调整段落对齐方式(左对齐、居中、右对齐或两端对齐),设置字体大小和颜色,以及添加合适的行距和段落间距,让文章看起来...

    autoformat.zip

    4. **对齐方式**:可设定左对齐、居中、右对齐或两端对齐,适应不同的内容布局需求。 5. **标题层级**:快速将文本转换为H1到H6的标题,方便组织结构和SEO优化。 6. **列表格式**:一键转换为无序列表或有序列表,...

    新浪博客HtmlEditor在线编辑器

    此外,还可以进行段落调整,如对齐方式(左对齐、居中、右对齐、两端对齐)、缩进和换行等。 3. 图片处理:HtmlEditor支持本地图片上传,用户可以直接将电脑上的图片导入到编辑器中,用于博客文章的配图。同时,它...

    毕业论文格式模板

    例如,小2号宋体加黑的标题,小4号宋体,1.5倍行距,两端对齐。 4. 正文格式:1级标题使用小三号黑体,左对齐,空2个字符;2级标题使用四号黑体,同样左对齐,空2个字符;3级标题使用小四号黑体,同样左对齐,空2个...

Global site tag (gtag.js) - Google Analytics