CSS常用的属性方法

待我称王封你为后i 2023-06-12 06:17 64阅读 0赞

## 文本换行 ##

//强制不换行 div{ 
    		white-space:nowrap;
    	}
    	//自动换行 div{ 
    	    word-wrap: break-word;
    	    word-break: normal;
    	}
    	//强制英文单词断行 div{ 
    		word-break:break-all;
    	}

## 清除浮动 ##

.clear:after { 
    		content:'';
    		display:block;
    		clear:both;
    		height:0;
    		overflow:hidden;
    		visibility:hidden;
    	}
    	.clear { 
    		zoom:1;
    	}

## 图片不拉伸 ##

img { 
    	  object-fit: cover;
    	  -o-object-fit: cover;
    	}

## 垂直居中 ##

go-to-center { 
    		position:absolute;
    		top:50%;
    		left:50%;
    		transform:translate(-50%,-50%)
    	}

## 单行隐藏 ##

.t-s { 
    	  overflow: hidden;
    	  text-overflow: ellipsis;
    	  white-space: nowrap;
    	}

## 双行隐藏 ##

***注意，打包过后会丢失属性 -webkit-box-orient:vertical;, 打包过后需要检查 , 增加注释。***

.t-d { 
    	overflow:hidden; 
    	text-overflow:ellipsis;
    	display:-webkit-box; 
    	/*! autoprefixer: off */
    	-webkit-box-orient:vertical;
    	/* autoprefixer: on */
    	-webkit-line-clamp:2; 
     }

[JS的方法实现文本溢出隐藏][JS]

## 设置文本两端对齐（适合文字） ##

div {  
    	  width: 100px; 
    	  padding: 0 10px;  
    	  background: pink;  
    	  margin-bottom: 10px; 
    	  text-align-last:justify; /* 这是关键属性 */
    	}

<div>账号</div>
    	<div>密码设置</div>
    	<div>手机号</div>

![在这里插入图片描述][20191101093135798.png]

[JS]: https://blog.csdn.net/XuM222222/article/details/102494632
[20191101093135798.png]: /images/20230531/8545ba32bef54ccdabe5341010339d7f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaEE初阶 — CSS 常用的属性

文章目录 CSS 常用的属性 1 字体属性 1.1 设置字体家族 font-family 1.2 设置字体大小

迷南。/ 2023年10月04日 23:09/ 0 赞/ 44 阅读

相关 08-数组中常用的属性及方法

08-数组中常用的属性及方法创建：使用 JavaScript 关键词 new 使用数组文本创建 //数组中的方法: `toString()` 把数组转

「爱情、让人受尽委屈。」/ 2023年07月18日 02:59/ 0 赞/ 21 阅读

相关 CSS常用的属性方法

文本换行 //强制不换行 div{ white-space:nowrap; } //自动换行 div{ wo

待我称王封你为后i/ 2023年06月12日 06:17/ 0 赞/ 65 阅读

相关 Java反射常用的方法、属性

创建Student实体类 public class Student { private String name; privat

￡神魔★判官ぃ/ 2022年11月28日 13:57/ 0 赞/ 201 阅读

相关 CSS一些常用属性总结

CSS也具有浏览器兼容问题，同样的语句可能有不同的效果 -------------------- 使用方式 CSS的使用方式：行内样式（跟在标签后面）、内嵌式（c

左手的ㄟ右手/ 2022年08月20日 06:24/ 0 赞/ 213 阅读

相关常用的CSS属性

>>display: 设置元素的显示方式 block: 块级元素的默认值 inline: 行内元素的默认值 inline-block none: 隐藏元素, 这

痛定思痛。/ 2022年06月18日 06:51/ 0 赞/ 231 阅读

相关 numpy安装与常用的属性方法

> 最近两个月没有更新博客是因为我在尝试使用keras进行图像识别，然后里面就使用到了numpy，今天我就来写一下numpy为什么在机器学习领域那么使用的那么多，现在我们先来安

曾经终败给现在/ 2022年05月10日 11:08/ 0 赞/ 193 阅读

相关 JS中常用的全局属性及方法

window对象 window对象表示当前的浏览器窗口。 window对象的成员属性就是全局属性。 window对象的成员方法就是全局方法。全局属性 `

╰+哭是因爲堅強的太久メ/ 2022年03月02日 04:40/ 0 赞/ 373 阅读

相关 JS常用的方法及属性

1、String 　　length：字符串的长度。　　charAt()：传入索引返回对应的字符，没有返回空字符串　　concat()：传入字符串，返回拼接后的字符串

拼搏现实的明天。/ 2021年10月29日 11:06/ 0 赞/ 277 阅读

相关常用的css

正文： @keyframes -> 使 div 元素匀速向下移动 div\{animation:myanimation 5s infinite;\} @keyfra

港控/mmm°/ 2021年07月24日 22:04/ 0 赞/ 384 阅读