`
sbabzc
  • 浏览: 36019 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

通过CSS样式,实现div文本的自动换行

 
阅读更多
通过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,转发请保留这个地址,谢谢
分享到:
评论

相关推荐

    html代码实现文字转图片的代码,自动换行

    我们使用了html2canvas库将id为text的div元素转换为canvas元素,并将canvas元素转换为...同时,我们使用了CSS样式控制文字的换行。最后,我们在页面上添加了一个按钮,点击按钮即可将文字转换为图片并显示在页面上。

    通过纯CSS样式实现DIV元素中多行文本超长自动省略号

    在CSS中,我们可以通过下面的样式实现DIV元素中文本超长后自动截断并以省略号结尾: 复制代码代码如下: overflow: hidden; word-break: normal; text-overflow: ellipsis; text-overflow: ellipsis是实现文本截断...

    文本换行-截断CSS

    设置div内单行文本截断,文本截断,下载文件内含 关键css和属性解析地址

    div+pre标签的组合实现文本原格式显示与自动换行

    对于未知的文本格式,如果要求文本单行过长时换行显示,并且保留原文本的空格和换行符,就可以通过div+pre标签的组合,再分别设定各自的样式来实现(pre标签一般不适用width属性) 复制代码代码如下: &lt;!DOCTYPE ...

    itext 将html转pdf中文显示换行以及字体问题

    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

    HTML5&CSS3网页制作:div标记.pptx

    可以通过 div的 class 或 id 应用额外的样式。 (2)不必为每一个 div都加上类或 id。 (3)可以对同一个 div 元素应用class或id属性,但常见的情况是只应用其中一种。 特点: div标记 示例: &lt;div id = " text"&gt;...

    H5+CSS3.zip

    css文本样式:使用text-decoration添加文本修饰,text-indent:2em添加首行缩进俩字符,line-height设置行间距,letter-spacing设置字符间距,word-spacing设置英文单词间距,text-align设置文本对齐方式;...

    零基础学HTML CSS源代码

    style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔....

    css笔记课程笔记2019,5,22

    * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...

    HTML_CSS学习笔记.docx

    1 ...1.1. HTML与CSS的关系 4 1.2. 标签 4 ...1.4. head标签 7 1.5. body标签 8 ...2.5. &lt;div&gt;标签:自定义块 ...11. CSS3文本样式 29 12. CSS3盒模型 29 13. CSS3布局模型 29 14. flex弹性盒模型 29 15. CSS3样式设置小技巧 29

    前端css+html+布局笔记

    将样式表编写到外部的CSS文件中,然后通过link标签将外部文件引入 &lt;link rel="stylesheet" type="text/css" href="文件的路径"/&gt; 将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现...

    css入门笔记

    3.CSS样式特征 1.继承性 必须是父子(有层叠嵌套的关系)结构 大部分的css效果是可以 2.优先级 1.浏览器默认样式 2.内部样式和外部样式(就近原则) 3.内联样式 4.!important; 绝对优先使用() 格式 p{ ...

    超实用的jQuery代码段

    全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容,对提高网站开发人员和设计人员的jQuery技术...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    46前端开发基础视频-引用外部CSS文件和嵌入CSS样式.avi 47前端开发基础视频-import导入CSS样式详解.avi 48前端开发基础视频-CSS语法及简单CSS属性.avi 49前端开发基础视频-CSS语法案例.avi 50前端开发基础视频-...

    《程序天下:JavaScript实例自学手册》光盘源码

    8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...

    程序天下:JavaScript实例自学手册

    8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...

    商用版本文本编辑器DotNetTextBoxV6.0.8Source 源码

    6)调整了控件弹出窗口的方式,部分功能的模式窗口转换为Div+CSS的窗口! 7)调整pathtype属性默认值为AbsoluteFull(绝对全路径)! 8)增加对VS2008的支持,使用VS2008的用户请使用DotNetTextBox2008.sln打开项目,VS2005的...

    HTML:超文本标题语言

    样式标准:设置网页元素的一个版本,颜色大小以及外观,css 行为标准:行为是指网页模型的定义及交互的编写,dom,es 语义化标签: 1方便袋妈的阅读和维护 2同时让浏览器或网络爬虫很好的解析,从而更好地分析其中...

    级联样式文件共通样式整理

    *&lt;blockquote&gt;:块应用,会自动增加换行以及外边距。 *对以下元素去除预定样式的外边距和内边距 */  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form,  ...

Global site tag (gtag.js) - Google Analytics