前端开发
归纳总结前端开发的相关技术
栖溪阁晓生
在线笔记本!!!
展开
-
如何让超出宽度的文字显示省略号
.contact { overflow: hidden; /* 溢出宽度的内容进行隐藏 */ width: 100px; white-space: nowrap; /* 文本不换行,直到遇到<br/>为止 */ text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */ } ...原创 2020-06-21 00:06:27 · 318 阅读 · 0 评论 -
如何利用css+html实现一个左右固定,中间自适应的三栏布局?
这个问题可以采用很多种方法解决,以下提供一种简单的实现方式: <body> <div class="container"> <div class="left"></div> <div class="main"></div> <div class="right"></div> </div> </body> .container di原创 2020-06-19 23:44:25 · 260 阅读 · 0 评论 -
清除浮动的方法有哪些?
在前端页面开发过程中,经常会遇到父元素中的子元素因为浮动而导致父元素高度为0的情况,如何解决这种问题,使得父元素能够撑起高度,以下提供四种解决方法: 方法一:额外标签法 在最后一个浮动标签后面添加一个新的标签,其CSS设置为clear:both。这种方式的缺点是额外增加了标签元素,而且语义化较差。 方法二:父元素添加overflow属性 .father { ... overflow: hidden; } 采用这种方式在内容增多的情况下, 超出的内容会被隐藏掉,无法显示溢出的内容。 方法三:原创 2020-06-18 22:42:12 · 167 阅读 · 0 评论