![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
西木鹿亚
西木是西木野真姬的西木
展开
-
css设置字符间距后无法完全居中问题
有时,使用中文作为标题,字符间距按默认的话会显得文字拥挤,使用css属性letter-spacing可以设置文字间距。但是会出现如上图所示的问题,因为letter-spacing在每个字符的右侧加了一段距离,这会使作为标题的文字在居中时显得不那么居中。解决办法:使用text-indent增加文本缩进,间距与letter-spacing设置的间距相同即可letter-spacing: 20px;text-indent: 20px;效果如下:...原创 2020-11-19 11:39:16 · 2993 阅读 · 1 评论 -
CSS实现上半内容高度动态变化,下半自动填满且内部嵌套可滚动区域
左侧栏使用flex布局,query区域不做任何限制,高度可以变化。下半部分query-data部分使用flex-grow: 1使其可以填满左侧栏剩余部分空间。query-data的header为固定高度,所以可滚动区域需使用绝对定位相对query-data容器进行定位(query-data容器需position: relative),top设为header的高度。......原创 2022-08-31 20:52:12 · 1752 阅读 · 0 评论