首先三条属性。
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行
这三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？


CSS3解决了这个问题，解决方法如下：
display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）

-webkit-line-clamp:2; //这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。


最后的css样式如下：
overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 


以上对火狐不支持~暂时没想到好的解决办法~

 我们在使用PS对某些图片进行处理时，往往会添加一些文字；但有时因图片格式问题，导致添加文字是一个小黑点，无法看清，下面就为大家讲解一下具体的处理方法。

 



工具/原料
 


Photoshop CS5、图片




方法/步骤
 


首先，打开一张素材图片，点击文字工具进行输入；输入时，默认的文字无法显示，如图。


 





而且，在网上搜索的解决方法中也不尽相同。基本的结论就是，分辨率错误导致。从下面可以看到文字的字符、大小正常。


 





而且，段落为常规选项，没有更改。


 





遇到此情况时，我们直接点击“图像”--图像大小。


 





在图像大小设置页面，可以看到默认的分辨率为“1”。另外，如果“重定图像像素”前有勾请去除。


 





之后，改为正常的72像素，确定。


 





之后，我们删除之前的文字图层，再用文字工具输入就可以正常显示了。


 


END




注意事项
 


注意，如果新建画布，一定要注意分辨率不能过低，默认为72 px即可。


本文由lj60235300编写，如有帮助，请点击【投票】支持一下~~如以后想随时浏览，可点击【收藏】，也可点击页面右边的“双箭头”分享。

右键，表格属性，单元格，居中

 

label文字 与input 不在一条直线上解决方案
1.html
<div>
			<input class="form-input" type="checkbox" />
			<label>全选</label>
		</div>

2.css
.form-input {
			float: left;
		}
效果：