文本设置+元素类型

一、文本

1、文本溢出

overflow:文本溢出设置;

overflow:scroll /auto /hidden/inherit;             超出时,滚动查看(未超出时也会有滚动机制)/超出时,滚动查看(未超出时不会有滚动机制)/ 超出隐藏 /继承父级的overflow设置

2、文本空白

white-space:normal; 默认值
white-space:pre;空白会被浏览器保留,保留原有格式,不会被迫换行
white-space:pre-wrap;保留所有格式,会被迫换行

white-space:pre-line;保留换行,不保留缩进,多个空格只保留一个

white-space:nowrap;强制不换行

3、文本省略号

text-overflow:clip/ellipsis;裁剪/省略号

显示省略号方法:元素设置宽度,且内容足够——white-space:nowrap;强制不换行——overflow:hidden;隐藏——text-overflow:ellipsis;省略号(只针对当行文本有效)

二、元素类型

1、块状元素block:单独占据一行,可以定义自己的宽度和高度,能够正常设置内外边距。一般用于搭建页面结构。例如:div h3 ul li p。。。。。

2、内联元素inline:只占据自己内容大小的位置。不能设置宽高,宽高由内容撑开。不能正常设置上下内外边距(对布局无效,对自身有效)。一般结合css样式显示视觉效果(span a i em b)

3、内联块元素inline-block:只占据自己内容大小,能设置宽高,能正常设置内外边距。(img input)

三、元素类型转换 display:  ;

dislay:inline/block/inline-block;将元素转换成内联元素/块元素元素(元素显示)/内联块元素

display:none;元素不显示,隐藏

原文地址:https://www.cnblogs.com/xsqlj/p/12421537.html

时间: 2024-10-10 12:41:15

文本设置+元素类型的相关文章

【Jsoup学习礼记】设置元素的文本内容

问题 你需要修改一个HTML文档中的文本内容 方法 可以使用Element的设置方法:: Element div = doc.select("div").first(); // <div></div> div.text("five > four"); // <div>five > four</div> div.prepend("First "); div.append(" La

浅谈html中的元素类型

一.元素的分类 根据css显示分类,XHTML元素被分为 三种类型:块状元素,内联元素,可变元素 1.块级元素特点 a.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域, B:默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象:默认情况下,块状元素会按顺序自上而下排列. C:块状元素都可以定义自己的宽度和高度. D:块状元素一般都作为其他元素的容器,它可以容纳其它内联元素和其它块状元素.我们可以把这种容器比喻为一个盒子. 2.内联元素(inlin

HTML标签,元素类型 概览

标签类型 单标签:只有开始标签,没有结束标签 meta img input 双标签:既有开始标签,又有结束标签 html head body xml在写这种页面时必须写(/) 在HTML5种有一些标签不写结束标签也是正确的 !DOCTYPE HTML:声明文档类型为H5文档 兼容模式; 向上兼容(兼容IE高版本) 混杂模式: 兼容模式为向下兼容(兼容IE低版本). html标签: 大区块类: html页面的标记标记标签,所有内容全都写在这个标签里 html是所有标签的父元素,也是根元素 head

css元素类型详解

时间真是美妙呢!我居然转行学习web前端开发,靠着对她浓厚的兴趣和爱好,终于踏出第一步…… 言归正传,从一周的时间,慢慢学习了html以及css元素类型 一. 总体来说css对显示标签来分类,分为:块状元素  :内联元素(行内元素): 对于这里有一个争议点,分为:可变元素   行内快元素: 那么这些元素在默认的情况下有什么特点呢?块状元素特点:            1:在页面中以矩形区域显示.            2:自上而下排列,独占一行            3:可以直接添加宽高    

元素类型及元素类型的转换

一.元素类型 1.元素类型的分类 ①块状元素    ②内联元素    ③可变元素 2.块状元素和内联元素的特点 ①块状元素特点: 1:在页面中以矩形区域显示. 2:自上而下排列,独占一行 3:可以直接添加宽高 4:一般情况下,作为其他元素或内容的容器 ②内联元素特点: 1:在页面中最小单位也是矩形. 2:在一行内逐个排列. 3:不可以直接添加宽高,大小是由内容撑开的. 4:内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top/bottom margin-top/bottom

CSS的元素类型

前面有一篇文章讲到在css世界中,html元素的表现都是一个个盒子,而css中盒子的显示方式有三种方式,分别是块元素.行内元素和行内块元素.本文总结这三种显示方式的特征和区别. 1 写在前面 最近在整理cnblogs上页面的样式,默认右侧[随笔分类]中的标签是每行显示一个,而我想把右侧[随笔分类]中的标签设置为一行显示多个标签,至于显示多少个则随标签的大小而定,并且每个标签在鼠标放上去的时候会有背景颜色的变化.效果如下图. 下面我们就来分析一下如何让左边的标签显示方式变为右边这样的吧 2 块元素

设置元素和获取元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>设置元素和获取元素</title> <script src="js/jquery-1.7.1.js"></script> <script> $(function(){ //alert($('.box')

CSS-基本语法/引用/文本设置/选择器/

CSS-基本语法/引用/文本设置 css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值.代码示例: div{ width:100px; height:100px; color:red } css页面引入方法: 1.外联式:通过link标签,链接到外部样式表到页面中. <link rel="stylesheet" type="

元素类型

元素类型 一.XHTML元素分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,可变元素 1.块状元素(block element) 1)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等: 2)默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象:默认情况下,块状元