css
hahaha_哈哈哈
这个作者很懒,什么都没留下…
展开
-
word-break、overflow-wrap(word-wrap)、white-space
1.white-space normal nowrap 只是不换行 pre(preserve)空白符全部生效(空格,换行符),但是自动换行没了 pre-wrap 空白符生效,也可以自动换行 pre-line 空格自动合并,换行符依然起作用,自动换行 2.word-break normal break-all 自动换行,分割英语单词 keep-all 只有空格可以触发自动换行 3.overflow-wrap normal break-word 单个单词比宽度长情况下才拆分单词 ..原创 2021-08-16 14:40:21 · 1235 阅读 · 0 评论 -
img等行内元素为什么可以设置宽高
一般来说行内元素是没法为其设置宽高的,但身为行内元素的img为什么却可以设置宽高? 经查阅资料发现,img属于可替换元素,在css中可替换元素的展示效果是不由css来控制的 可替换元素是一种外部对象,它们外观的渲染,是独立于css的。 css可以影响这些元素的位置但是不能影响元素本身的样式(但是css里面设置宽高也可以 映射到img上,可能是继承了父文档的样式,问题先保留,以后有空了再研究) 可替换元素有 iframe video embed(嵌入元素,大部分浏览器已弃用) img 有些元素仅在特定情况原创 2021-08-02 14:52:00 · 1560 阅读 · 0 评论 -
水平垂直居中
要实现元素的水平垂直居中首先先要分成两种情况: 1.未知元素的宽高 水平方向: ① 行内元素 在父元素中用text-align:center; 在父元素中用width:fit-content,再配合margin:auto实现。 块状元素 用margin:auto。 注:同时两者也可以通过css的display属性转变为对方,使用对方的居中方法; ②在元素的父元素中通过flex的justify-content:center实现居中对齐 竖直方向: 1.在元素的父元素中通原创 2021-07-30 16:53:45 · 64 阅读 · 0 评论 -
2021-07-28 行内元素整理
行内元素整理: b i abbr(title属性展示信息描述) cite(引用) dfn(标记定义, title属性展示描述) code em(强调,斜体) strong(强调,加粗) samp(标识计算机输出) var(定义变量) bdo(反向) img sub(下标) span button input textarea select a br map(配合area设置可点击区域) q(“短文引用”) object(嵌入一个页面或元素) sc原创 2021-07-29 14:56:50 · 71 阅读 · 0 评论