通过CSS样式,实现div文本的自动换行
下面是CSS样式代码
.MainOtherInfo {PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; LINE-HEIGHT: 1.8; PADDING-TOP: 5px; TEXT-ALIGN: center}
.MainOtherInfo UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.MainOtherInfo LI {FLOAT: left;WIDTH: 95px;}
html代码举例,
<div class="MainOtherInfo">
<UL>
<LI><a href=article/AritcleList/list_1.html>ORACLE(6)</a></LI>
<LI><a href=article/AritcleList/list_6.html>MSQL(4)</a></LI>
<LI><a href=article/AritcleList/list_7.html>SYBASE(2)</a></LI>
<LI><a href=article/AritcleList/list_8.html>DELPHI(10)</a></LI>
<LI><a href=article/AritcleList/list_9.html>JAVA(11)</a></LI>
<LI><a href=article/AritcleList/list_10.html>C#(4)</a></LI>
<LI><a href=article/AritcleList/list_11.html>ASP(1)</a></LI>
<LI><a href=article/AritcleList/list_13.html>JSP(4)</a></LI>
<LI><a href=article/AritcleList/list_23.html>ANDROID(1)</a></LI>
<LI><a href=article/AritcleList/list_41.html>下载专区(10)</a></LI>
<LI><a href=article/AritcleList/list_42.html>模板(5)</a></LI>
<LI><a href=article/AritcleList/list_52.html>电子书(11)</a></LI>
</UL>
</div>
本文地址:
http://www.xszlo.com/article/2012-11-29/7534.html,转发请保留这个地址,谢谢
分享到:
相关推荐
我们使用了html2canvas库将id为text的div元素转换为canvas元素,并将canvas元素转换为...同时,我们使用了CSS样式控制文字的换行。最后,我们在页面上添加了一个按钮,点击按钮即可将文字转换为图片并显示在页面上。
在CSS中,我们可以通过下面的样式实现DIV元素中文本超长后自动截断并以省略号结尾: 复制代码代码如下: overflow: hidden; word-break: normal; text-overflow: ellipsis; text-overflow: ellipsis是实现文本截断...
设置div内单行文本截断,文本截断,下载文件内含 关键css和属性解析地址
对于未知的文本格式,如果要求文本单行过长时换行显示,并且保留原文本的空格和换行符,就可以通过div+pre标签的组合,再分别设定各自的样式来实现(pre标签一般不适用width属性) 复制代码代码如下: <!DOCTYPE ...
1、itext将静态html转pdf中文显示及换行问题 2、itext将静态html转pdf 字体问题 3、html转pdf 参考我的另外一篇博文https://blog.csdn.net/qq_38616723/article/details/125188407?spm=1001.2014.3001.5502
可以通过 div的 class 或 id 应用额外的样式。 (2)不必为每一个 div都加上类或 id。 (3)可以对同一个 div 元素应用class或id属性,但常见的情况是只应用其中一种。 特点: div标记 示例: <div id = " text">...
css文本样式:使用text-decoration添加文本修饰,text-indent:2em添加首行缩进俩字符,line-height设置行间距,letter-spacing设置字符间距,word-spacing设置英文单词间距,text-align设置文本对齐方式;...
style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔....
* div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...
1 ...1.1. HTML与CSS的关系 4 1.2. 标签 4 ...1.4. head标签 7 1.5. body标签 8 ...2.5. <div>标签:自定义块 ...11. CSS3文本样式 29 12. CSS3盒模型 29 13. CSS3布局模型 29 14. flex弹性盒模型 29 15. CSS3样式设置小技巧 29
将样式表编写到外部的CSS文件中,然后通过link标签将外部文件引入 <link rel="stylesheet" type="text/css" href="文件的路径"/> 将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现...
3.CSS样式特征 1.继承性 必须是父子(有层叠嵌套的关系)结构 大部分的css效果是可以 2.优先级 1.浏览器默认样式 2.内部样式和外部样式(就近原则) 3.内联样式 4.!important; 绝对优先使用() 格式 p{ ...
全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容,对提高网站开发人员和设计人员的jQuery技术...
46前端开发基础视频-引用外部CSS文件和嵌入CSS样式.avi 47前端开发基础视频-import导入CSS样式详解.avi 48前端开发基础视频-CSS语法及简单CSS属性.avi 49前端开发基础视频-CSS语法案例.avi 50前端开发基础视频-...
8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...
8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...
6)调整了控件弹出窗口的方式,部分功能的模式窗口转换为Div+CSS的窗口! 7)调整pathtype属性默认值为AbsoluteFull(绝对全路径)! 8)增加对VS2008的支持,使用VS2008的用户请使用DotNetTextBox2008.sln打开项目,VS2005的...
样式标准:设置网页元素的一个版本,颜色大小以及外观,css 行为标准:行为是指网页模型的定义及交互的编写,dom,es 语义化标签: 1方便袋妈的阅读和维护 2同时让浏览器或网络爬虫很好的解析,从而更好地分析其中...
*<blockquote>:块应用,会自动增加换行以及外边距。 *对以下元素去除预定样式的外边距和内边距 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, ...