css
文章平均质量分 92
大华阿大华
突破,挑战,自信
展开
-
white-space 处理 textarea 文本内容的换行 空格
一、前言前端开发可能会遇到这样的场景,用户通过 <textarea> 文本域输入文本,前端拿到数据后需要对文本内容进行空白符处理,进行换行等。如果直接就将字符串显示在界面中,得到的可能不是我们所期待的效果。接下来记录通过 css 的 white-space 或 word-break 实现文本处理空白格,文本换行。二、默认情况下,文本空白符的处理空白符,指的是空格、换行、制表符。如下图,通过 <textarea> 输入几种测试格式的文本。<style>原创 2021-11-30 11:20:31 · 2070 阅读 · 0 评论 -
内元素宽度设为100%为什么会超出外元素
前言一个元素(外元素)嵌套着另一个元素(内元素),外元素固定宽度,内元素宽度设置为 100%,但是内元素却溢出了,如图:看下代码,来分析下什么原因造成的: <style type="text/css"> .wrap { width: 500px; height: 500px; background-color: #ccc; margin: 30px auto; } .inner { width: 100%; height: 300px;原创 2020-10-14 22:46:04 · 5448 阅读 · 1 评论 -
前端面试题 - css布局中对 BFC 的了解?BFC 的应用?BFC 的创建?解决float高度问题 margin重叠问题
哈喽,各位小伙伴好!今天来整理下前端关于css布局的一个知识点 - BFC(Block fomatting context),如果知识点梳理有出错的地方,望伙伴们帮忙指出,一起进步~一、什么是 BFCBFC 可以理解为建立一个布局容器,容器里按自己的方式来布局,且与容器外界的元素互不影响。二、BFC 特性1.BFC里的布局跟常规流里的一样,例如盒子会在垂直方向排列。2.属于同一个BF...原创 2019-04-20 15:32:47 · 364 阅读 · 0 评论