因为引起这两个问题的情况不是很常见,所以很容易被模板制作者所忽略。我一般是在本地测试环境中建有一个测试日志,专门测试此类问题。 第一个问题更常见,就是纯英文和长英文 (如超长的网址、代码等) 的转行问题。一种是在日志中的正文,一种是在<pre>和<code>中的代码。经过我反复的调试,最后找到了一个样式组合,在常见的浏览器上都没有问题。我的CSS样式如下 - body, div, p, pre, code {
! ?* s% V+ Q5 p, K! Z4 A/ w+ M - word-wrap:break-word;4 w5 w0 v$ Q. F" `2 E
- }
2 s) q( [+ ~+ S2 d* t( P - pre, code {* f; R2 t2 J: m* `
- white-space:pre-wrap;* S* b. w$ b3 p
- }
复制代码 第二个问题就是当日志中设置成文字环绕图片的格式,并且图片后面的文字恰恰很少,就很容易引起错位。这种情况很少见,几乎可以忽略,不过能够预防一下,总不是坏事吧。解决方法也很简单,就是像对付 float 的对像那样,在日志的内容显示代码 - <?php echo $log_content; ?>
复制代码 后面加上一句: - <div class="clear"></div>
复制代码 这是“.clear”的CSS代码: - .clear {clear:both; height:1px; overflow:hidden;}
复制代码 常见的写法是“<br style="clear:both;" />”,不过有时候它的间距显得太大,所以我单独写了一个CSS样式,以便反复引用。
, I3 |# F- k' c8 [ 最后附上我的本地测试帖效果: " q2 c- v+ ~0 d! s% E' F
' `% Z& U* f9 N |