登录 注册

登录

问题 关于J25显示文章,不同浏览器空格不同的问题

更多
2013年06月03日 09:24 #1 作者: gallant523
白站长和路过的高手们,
详见网址 218.26.177.218/index.php/zxgk
此页面,每段段首的两个字空格,在不同的浏览器下,显示的空格大小不同。
在火狐,360,下,显示正常,是两个位置的空格:



在搜狗,IE,下,显示不正常,两个位置的空格变成了一个位置空格:



这该怎么解决?
谢谢。
附件:

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 09:53 #2 作者: Joomla之门
我看了一下页面源代码,好像你在撰写文章的时候,是通过直接在编辑器里面输入空格来实现每个段落第一行开头缩进两个字的。这种做法不正确。

正确做法是:

在编辑器中不输入段首缩进空格。直接顶边输入实际内容文字。然后,在模板 CSS 中,通过定义段首缩进来实现第一行文字缩进。这里还要注意一点,定义缩进长度的时候,单位要用 em 这个相对尺寸,不要用 px 等绝对尺寸。例如:
p{
text-indent: 2em;
}

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 10:04 - 2013年06月03日 10:12 #3 作者: 偶看
查看了文章的源代码,


3个箭头所在的行,全部是使用 P 标签,没有div,无法直接使用
.category-desc p( text-indent: 2em; }

如果想要使用CSS自动缩进,需要修改基本布局

最直接的办法是在文章内容部分添加一个 DIV 标签

例如:
<div id="post">文章内容</div>

在CSS添加
#post p {text-indent: 2em;}

这样无需在编辑文章的时候使用空格,前台段落首行自动缩进两个字。
附件:
最后修改: 2013年06月03日 10:12 由 偶看.
下列用户已致谢:: gallant523

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 14:50 #4 作者: Joomla之门
在标准的 Joomla 文章系统中,文章标题及撰写日期、时间这些内容,不是以 P 元素输出的,标题是 H2 元素,日期是 dl>dd 元素。

所以,gallant523 在组织文章时就犯错了。建议还是遵守 Joomla 的默认用法,然后就能通过 P 元素的 CSS 设定实现文字缩进。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
下列用户已致谢:: gallant523

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 16:47 #5 作者: gallant523
看来麻烦大了。
我仔细研究研究。
谢谢两位!

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 16:51 - 2013年06月03日 17:00 #6 作者: gallant523

建议还是遵守 Joomla 的默认用法,然后就能通过 P 元素的 CSS 设定实现文字缩进。


这个默认用法。。。。。。怎么遵守?
文章的基本布局在哪儿修改?

另,这里显示的内容,有的是文章,有的是类别介绍。

而且,像这一篇,http://localhost/index.php/gwkd/134-2013
是一篇通知,前面的“各部室、台站及直属单位:”是不能空两格的。

这怎么处理?

谢谢。
最后修改: 2013年06月03日 17:00 由 gallant523.

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 17:47 - 2013年06月03日 17:49 #7 作者: gallant523
经过调整,
文章正文的首行空两格问题已经解决。
谢谢白站长和高人 偶看。
现在剩下的是,
通知的抬头称呼,例如 218.26.177.218/index.php/gwkd/134-2013
前面的“各部室、台站及直属单位:”是不能空两格的;
还有一些特殊体裁的文章 要求空四格 ,比如 “此致 敬礼”
这些该怎么处理?
谢谢。
最后修改: 2013年06月03日 17:49 由 gallant523.

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月03日 20:52 #8 作者: Joomla之门
这个很简单了。因为通知抬头以及致敬文字都是直接在编辑器里面输入的,所以,完全可以使用独特的 CSS 类。将编辑器切换到“源代码”模式,就看到原文是:
<p style="line-height: 30px;"><span style="font-size: medium;">各部室、台站及直属单位:</span></p>

很显然这个抬头段落也是 P 元素输出的,所以会缩进。为了禁止缩进,需要添加新的 CSS 类,然后给新的 CSS 类定义向左移动两个字符。手工修改为:
<p style="line-height: 30px;"><span style="font-size: medium;" class="tongzhitaitou">各部室、台站及直属单位:</span></p>

上述操作给通知抬头的 span 元素添加了 tongzhitaitou 这个 CSS 类。接下来在你的 CSS 文件末尾插入:
.tongzhitaitou {
    margin-left: -2em;
}

等于让通知抬头部分的文字向左移动2个字符宽度,就相当于抵消了段首缩进。

文件末尾的致敬部分,使用相同原理处理即可。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
下列用户已致谢:: gallant523

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年06月05日 09:59 #9 作者: gallant523

登录 或者   注册一个会员帐号 来参与讨论