看个demo先,<div id="textBr">defffffffffffffffffffffffffffffffffffffffffffffffff</div>
样式: #textBr{ width:100px;}
样式: #textBr{ width:100px;}
PS:此处的DIV可以换成任意的块状标签,如果用行内标签的话,请将行内标签块状化, 并且我们给他一个宽度。
我们发现,div里面的内容不会自动断行,我们明明设了宽度的~ 有的人可能会想了,我平时做的时候不会啊。那是因为你的文本内容是中文。
先认识几个IEonly的属性:
word-wrap:break-word 内容将在边界内换行。
word-break:break-all; 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
word-break:keep-all; 与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
下面我总结下:
……
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在
<a>里面再嵌入一个<a>这样的约定。
说明:
为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如
<html>而不应是<HTML>
<a>里面再嵌入一个<a>这样的约定。
说明:
为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如
<html>而不应是<HTML>
小写的单词表明一组或一系列 HTML 标签
每一项条目(标签)后都跟随一组标签列表,如果没有这个列表,那么表明该条目(标签)内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容(#PCDATA,见下文)。如果注明 (empty),这意味着该条目内部不允许包含任何形式的内容。对于 flow,inline,block,OBJECT 和 BODY,其内部允许包含的内容在文中会单独给出。
#PCDATA 的意思是“parsed character data”,即纯文本内容(不包括任何 HTML 标签,但是转义内容可以存在,比如ä 和ä)
CDATA 的意思是“character data”,这意味着不包括转义内容的纯文本内容,详细内容可以参考CDATA Confusion excluding … 意即不得直接或者间接的包含所列的元素
曾经有细心的网友雨中无伞,在浏览蜈蚣的博客时,发现了问题,就是导航部分,鼠标放上去会来回动的时候,首页和最后一个选项卡,当鼠标滑上去时,在IE下 下面的内容框会增高~ 当时由于懒的管它,没弄它,今天没事,看看是怎么回事,原来是,当初body 里的字体设置问题~
原来的body是这样设置的:
原来的body是这样设置的:
汗呢,首先,蜈蚣声明,你们不要笑话俺, 这个技巧是我最近做项目时,同事PR告诉我的,我之前都不知道,崩溃ing~
不多说了,给不知道的朋友说下,就是,有一段代码,我想在这段代码外加一个标签。 怎么弄? 我之前的都是,在代码前面打上开
始标签,然后再在代码末尾打上尾标签。
这个技巧就是……
不多说了,给不知道的朋友说下,就是,有一段代码,我想在这段代码外加一个标签。 怎么弄? 我之前的都是,在代码前面打上开
始标签,然后再在代码末尾打上尾标签。
这个技巧就是……
前两天在做项目时,碰到层次问题了~
大体是这样的结构:
<ul>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
</ul>
然后,需求是,一行三个li, 并且,每行的上边距也不一样,每当我们猛击li时,弹出一个层来,这个层是相对li的,所以我们要把这个弹层写在li里, 给li相对,给弹层绝对,并给弹层一个z-index值。
大体是这样的结构:
<ul>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
<li>蜈蚣</li>
</ul>
然后,需求是,一行三个li, 并且,每行的上边距也不一样,每当我们猛击li时,弹出一个层来,这个层是相对li的,所以我们要把这个弹层写在li里, 给li相对,给弹层绝对,并给弹层一个z-index值。
阻止冒泡: 有时我们并不想让父级的事件影响到子级的事件, 比如有这样的一个结构:
当我们给div一个鼠标点击事件时,里面的a标签同样会获得点
击事件. 但我们并不想让a获得,怎么办呢? 这就是所谓的阻止冒泡了.
JS代码:
<div id="farLayer"><a id="link"></a></div>
当我们给div一个鼠标点击事件时,里面的a标签同样会获得点
击事件. 但我们并不想让a获得,怎么办呢? 这就是所谓的阻止冒泡了.
JS代码:
这首曲子是我的背景音乐,可能有人喜欢听, 为了让大家能更好的感受这首曲子,蜈蚣把这首曲子的MV贴上来,很有意境的~
蜈蚣友情提示,看之前把我的博客的MP3播放器关了先~
下面就带你去感受心灵之旅的天籁之音吧~
Flash Player文件
蜈蚣友情提示,看之前把我的博客的MP3播放器关了先~
下面就带你去感受心灵之旅的天籁之音吧~
Flash Player文件









