龙空技术网

HTML知识梳理大全(三)

Python教程初学详解 281

前言:

此刻咱们对“css强制一行”大约比较注意,小伙伴们都需要分析一些“css强制一行”的相关内容。那么小编也在网络上搜集了一些对于“css强制一行””的相关文章,希望看官们能喜欢,你们一起来学习一下吧!

1.取消表外边框的方法是什么?

我们在新建文本框的时候,在文本框的外边框总有一条线,如下图,如何取消呢?

方法:添加样式:outline: none;

2.如何取消长文本在右下角的缩放?

如下图,我们在新建长文本表单的时候,右下角是可以拖拽的,如何取消呢?

方法:添加样式:resize: none;

3.单行文字溢出后如何用省略号表示?

第一步我们先新建一个div,宽度高度如下,并写入文字

第二步,我们首先通过添加white-space: nowrap;将文字强制一行显示:

第三步,我们通过添加overflow: hidden;将多出的文字进行隐藏:

第四步,我们通过添加text-overflow: ellipsis;将多出的文字用省略号显示:

第五步,最终效果如下:

4.怎么让加边框的相邻盒子不产生叠加效果?

如下图有五个盒子,我们分别加了边框,我们会发现相邻盒子之间出现了叠加的效果,线条更粗了,如何不产生这样的效果呢?

方法:只需要将每个盒子的margin添加负值即可。相当于向左移动,产生一个盒子覆盖两一个盒子,其中一个盒子看不到边框的效果:

标签: #css强制一行