标签为 换行 的存档
LBS修改-自动换行的解决方案
Author: robay15 九 2007
这几天发表日志的时候,有时候要引用些程序代码,可有些代码过长,结果搞得我的页面大乱,十分不美观,于是通过了下面两个办法解决了:
一、本来我的网页最佳的显示分辩率是800*600以上的,现在估计用这种分辩率人很少了吧?于是改成了1024*768的效果,宽度长了,换行的问题自然就解决了。 [lol]
二、代码控制,说明如下,只是个例子,可以根据需要自行调整:
1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#mainwrap{word-break:break-all; width:200px;}
或者
#mainwrap{word-wrap:break-word; width:200px;}<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:可以实现换行
2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}
<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:容器正常,内容隐藏
如果想知道更多,请仔细阅读 http://www.blueidea.com/tech/web/2006/3469.asp 的贴子。
因为我的是由于使用代码才会出现这种问题所以,我只对styles.css中的.code段进行了修改.添加了代码:
word-break:break-all;
overflow:auto;
width: 500px;
问题搞定.
LBS修改-友情链接的修改
Author: robay11 九 2007
一直没有太注意”友情链接”的页面,今天无事可干,认真的研究了下,才发现页面里应该有的链接显示不出来,认真看了下代码,原来代码中有个标志位
(indexlinks==0)
的条件限制有问题,把限制条件改动正确
(indexlinks==1或干脆去掉)
后,页面就正常了.
不过发现默认的页面显示方式十分的丑陋,考虑到”图片链接和文字链接”是放在同一个数据表中,简单的进行换行设置会更加混乱,便增加了个变量(j),使得程序可以对”图片链接和文字链接”分开换行,并且对页面美观度进行了调整.
部分代码如下:
<div class=”textbox”>
<div class=”textbox-title”><%=lang["image_link"]%></div>
<div id=”textboxContent” class=”textbox-content”>
<div class=”textbox-tag” align=center>
<%
var j=0;
for(var i=0;i<theCache.links.length;i++){
with(theCache.links[i]){
var tmpA=func.HTMLEncode(link_logo);
var tmpB=0;
var showlink=tmpB+link_show;
if (tmpA.length>0&&showlink==1){
j=j+1;
%>
<a href=”<%=func.HTMLEncode(link_url)%>” title=”<%=func.HTMLEncode(link_name)%>” target=”_blank”><img src=”<%=func.HTMLEncode(link_logo)%>” alt=”<%=func.HTMLEncode(link_name)%>” style=”margin-bottom:3px;margin-right:3px;” /></a>
<%
if((j) % 4 == 0) write(“<br /><br />”);
}
delete tmpA;
delete tmpB;
delete showlink;
}
}%>
</div>
</div>
</div>
<div class=”textbox”>
<div class=”textbox-title”><%=lang["text_link"]%></div>
<div id=”textboxContent” class=”textbox-content”>
<div class=”textbox-tag” align=center>
<% var j=0
for(var i=0;i<theCache.links.length;i++){
with(theCache.links[i]){
var tmpA=func.HTMLEncode(link_logo);
var tmpB=0;
var showlink=tmpB+link_show;
if (tmpA.length==0&&showlink==1){j=j+1;
%>
<a href=”<%=func.HTMLEncode(link_url)%>” title=”<%=func.HTMLEncode(link_name)%>” target=”_blank”> <%=func.HTMLEncode(link_name)%> </a>
<%
if((j) % 6 == 0) write(“<br /><br />”);
}
delete tmpA;
delete tmpB;
delete showlink;
}
}%>
</div>
</div>
</div>