仓酷云

标题: 来一发css完成笔墨的主动埋没 [打印本页]

作者: 飘灵儿    时间: 2015-1-16 00:17
标题: 来一发css完成笔墨的主动埋没
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
不成换行<NOBR></NOBR>(不换行)

overflow
版本:CSS2 兼容性:IE4+NS6+ 承继性:无

语法:

overflow:visible|auto|hidden|scroll

参数:

visible: 不剪切内容也不增加转动条。假设显式声明此默许值,工具将被剪切为包括工具的window或frame的巨细。而且clip属性设置将生效
auto: 此为body工具和textarea的默许值。在必要时剪切内容并增加转动条
hidden: 不显现凌驾工具尺寸的内容
scroll: 老是显现转动条

申明:

检索或设置当工具的内容凌驾其指定高度及宽度时怎样办理内容。
设置textarea工具为hidden值将埋没其转动条。
关于table来讲,假设table-layout属性设置为fixed,则td工具撑持带有默许值为hidden的overflow属性。假如设为hidden,scroll大概auto,那末超越td尺寸的内容将被剪切。假如设为visible,将招致分外的文本溢出到右侧或右边(视direction属性设置而定)的单位格。
自IE5入手下手,此属性在MAC平台上可用。
对应的剧本特征为overflow。
示例:

body{overflow:hidden;}
div{overflow:scroll;height:100px;width:100px;}

text-overflow版本:IE6+专有属性 承继性:无

语法:

text-overflow:clip|ellipsis

参数:

clip: 不显现省略标志(...),而是复杂的裁切
ellipsis: 当工具内文本溢出时显现省略标志(...)

申明:

设置或检索是不是利用一个省略标志(...)标示工具内文本的溢出。
对应的剧本特征为textOverflow。请参阅我编写的其他书目。

示例:

div{text-overflow:clip;}

代码:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>无题目文档</title>
</head>
<body>
<tablewidth="100%"border="1"cellspacing="2"cellpadding="2"style="table-layout:fixed">
<tr>
<tdwidth="10%">s</td>
<td><divSTYLE="width:60%;overflow:hidden;text-overflow:ellipsis"><nobr>asdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffdatagoeshere</nobr></div></td>
<tdwidth="30%"></td>
</tr>
<tr>
<td>d</td>
<td><divSTYLE="width:60%;overflow:hidden;text-overflow:ellipsis"><nobr>asdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffdatagoeshere</nobr></div></td>
<td></td>
</tr>
</table>
</body>
</html>
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
作者: 谁可相欹    时间: 2015-1-18 05:59
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
作者: 再见西城    时间: 2015-1-26 22:20
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者: 爱飞    时间: 2015-2-5 00:35
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者: 柔情似水    时间: 2015-2-11 00:55
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
作者: 变相怪杰    时间: 2015-3-1 19:32
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者: 乐观    时间: 2015-3-10 23:39
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 海妖    时间: 2015-3-17 16:10
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
作者: 灵魂腐蚀    时间: 2015-3-24 13:29
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2