毕设笔记1----div样式

div显示在页面底端

bottom：0；

文字超出部分的处理

首先设置div的width和height

overflow: hidden
overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。hidden 表示内容会被修剪，并且剪掉的内容是不可见的。

white-space: nowrap
规定文本不进行换行。white-space 属性设置如何处理元素内的空白。nowrap 表示文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

text-overflow: ellipsis
text-overflow 属性规定当文本溢出包含元素时发生的事情。ellipsis 表示显示省略符号来代表被修剪的文本。

overflow实现用滚动条查看其余文字

转载于:https://www.cnblogs.com/muamu/p/8714926.html

毕设笔记1----div样式相关推荐

APICloud学习笔记之div样式设置套路
1 header{ 2 position:absolute/relative; 3 bottom:20px; 4 left:10px; 5 width:100%; 6 height:20px; 7 b ...
jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式
浏览器原本样式当浏览器宽度小于1200px时样式变为代码如下: 方法一:直接修改该div样式添加w1200,会覆盖前一个样式 $(function(){ var _width = $(window ...
笔记摘抄div+css
点击链接后退页面: 回到上一个网页 --修改placeholder提示的样式: 1.除IE外通用写法类名或标签名::placeholder {color: red;} 2.加兼容前缀写法 css超出 ...
前端笔记之Div居中显示
前端笔记之Div居中显示 1.水平居中:给div设置一个宽度,然后添加margin:0 auto属性 <!DOCTYPE html> <html> <head>&l ...
Vue.js 学习笔记七控制样式
Vue.js可以灵活的控制样式我们首先随便写2个样式 <style>.divCss {background-color: green;width:400px;height:400px;} ...
angular新版父组件修改子组件某个div样式
 <div class="wrapper"><app-child></app-child& ...
【温故知新】CSS学习笔记（字体样式属性）附加篇
CSS字体样式属性目录 CSS字体样式属性一.font属性二.color属性三.line-height 行间距(行高) 四.text-align 水平对齐方式五.text-indent 首行 ...
js修改css样式属性_这个笔记《CSS样式的常见属性及值》，让菜鸟轻松学会包粽子...
常见样式属性及值字体: font -family -size -style: normal(正常)|italic(倾斜)|oblique -weight: normal|bold(粗体) 如果组合起 ...
Mr.J-- jQuery学习笔记(八)--CSS样式操作
CSS属性操作在jQuery中,关于元素的样式操作方法共有2种: (1)CSS属性操作: (2)CSS类名操作: 三种设置方法逐个设置 $("div").css("w ...

毕设笔记1----div样式

毕设笔记1----div样式相关推荐

最新文章

热门文章