前言:
此刻咱们对“css强制一行”大约比较注意,小伙伴们都需要分析一些“css强制一行”的相关内容。那么小编也在网络上搜集了一些对于“css强制一行””的相关文章,希望看官们能喜欢,你们一起来学习一下吧!1.取消表外边框的方法是什么?
我们在新建文本框的时候,在文本框的外边框总有一条线,如下图,如何取消呢?
方法:添加样式:outline: none;
2.如何取消长文本在右下角的缩放?
如下图,我们在新建长文本表单的时候,右下角是可以拖拽的,如何取消呢?
方法:添加样式:resize: none;
3.单行文字溢出后如何用省略号表示?
第一步我们先新建一个div,宽度高度如下,并写入文字
第二步,我们首先通过添加white-space: nowrap;将文字强制一行显示:
第三步,我们通过添加overflow: hidden;将多出的文字进行隐藏:
第四步,我们通过添加text-overflow: ellipsis;将多出的文字用省略号显示:
第五步,最终效果如下:
4.怎么让加边框的相邻盒子不产生叠加效果?
如下图有五个盒子,我们分别加了边框,我们会发现相邻盒子之间出现了叠加的效果,线条更粗了,如何不产生这样的效果呢?
方法:只需要将每个盒子的margin添加负值即可。相当于向左移动,产生一个盒子覆盖两一个盒子,其中一个盒子看不到边框的效果:
标签: #css强制一行