css - 小若

关于css文字换行/不换行

2019-5-30 小若 HTML CSS学习录

1. 强制不换行 div{ white-space:nowrap; } 2. 自动换行 div{ word-wrap: break-word; word-break: normal; } 3. 强制英文单词断行 div{ word-break:break-all; } 4. CSS设置不转行： overflow:hidden...

阅读全文>>

标签: css 常用

评论(0) 浏览(66)

好用强大的弹性布局Flex

2018-12-29 小若 HTML CSS学习录

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。

项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。

阅读全文>>

标签: css Flex

评论(0) 浏览(183)

直接说区别： a href =" ": 默认打开的还是当前页面，会刷新一下重新打开。 a href ="#": 浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。点击之后会自动跳转到页面的最上面，因为用了这个方法就相当于点击了一个锚记，但是这个锚记又没写ID，所以就默认跳转到页面顶部。 a href ="Javascript: void(0) ": void是一个操作符，这个操作符指定要计算一个表达式但是不返...

阅读全文>>

标签: css

评论(0) 浏览(61)