西木的博客

有时，使用中文作为标题，字符间距按默认的话会显得文字拥挤，使用css属性letter-spacing可以设置文字间距。但是会出现如上图所示的问题，因为letter-spacing在每个字符的右侧加了一段距离，这会使作为标题的文字在居中时显得不那么居中。 解决办法： 使用text-indent增加文本缩进，间距与letter-spacing设置的间距相同即可 letter-spacing: 20px; text-indent: 20px; 效果如下： ...

左侧栏使用flex布局，query区域不做任何限制，高度可以变化。下半部分query-data部分使用flex-grow: 1使其可以填满左侧栏剩余部分空间。query-data的header为固定高度，所以可滚动区域需使用绝对定位相对query-data容器进行定位（query-data容器需position: relative），top设为header的高度。......