CSS
jamey8383
这个作者很懒,什么都没留下…
展开
-
[转载] CSS如何实现文字两端对齐
https://zhuanlan.zhihu.com/p/32354083最近在工作项目中接触到Web界面设计的问题,要实现文字两端对齐的效果。在网上搜索了一下,差不多都是互相转帖,用的都是类似的技巧:text-align:justify;text-justify:inter-ideograph;但问题是,我怎么就看不到效果呢?无论是英文还是中文,在IE和chrome下都不起作用。后来,终于在StackOverflow上找到解决方法了。<!DOCTYPE html><转载 2020-06-29 17:49:59 · 235 阅读 · 0 评论 -
CSS clearfix "Hack"
没有设置 container 容器 overflow: auto 以前<div style="border: 1px solid red;"> <p> <img src="./css/repeat.png" alt="" style="width: 100px; height: 100px; float: right"> some text some text some text some text some原创 2020-05-11 21:01:44 · 182 阅读 · 0 评论 -
CSS clear (float) 属性
clear: both表示不允许左右两边的 floatclear: left表示不允许左边floatclear: right表示不允许右边float原创 2020-05-11 20:14:49 · 153 阅读 · 0 评论 -
display: inline 和 display: inline-block 的区别
inline 的 width 是占用一行最小的空间 (take the smallest amout of space, possible),系统分配的。同理 block 是占用一行最大的空间,也是系统分配的。inline-block 类似于 inline 但是可以设置 width 和 height。inline 和 inline-block 有时显示中间会有gap,那是因为html 写的时候中间有空格或者空行,连在一起写就不会有gap了,如下代码所示。<body>原创 2020-05-11 20:04:59 · 164 阅读 · 0 评论 -
class 在 CSS 中出现的顺序会影响优先级
如果同一个 element 有多个 class,CSS 后出现的 class 会覆盖先前的,有更高的优先级。id 比 class 高一个优先级。原创 2020-04-30 18:39:57 · 447 阅读 · 0 评论