SyntaxHighlighter行号显示错误问题解决方案

                

SyntaxHighlighter是根据代码中的换行符分配行号的。但是,如果一行代码或者注释比较长,在页面显示时需要分成多行显示,会出现行号对不上的问题,像这样:

通过设置CSS强制不换行...

back to top 回到顶部按钮 css+js

                

效果

 

 

html

<p id="back-to-top"><a href="#top"><span></span>...

css3 @media 实现响应式布局

                

使用css3的@media,可以实现针对不同媒体、不同分辨率的响应式布局。

方法1:根据不同分辨率使用不同css文件

<link rel="stylesheet" media="med...

css样式覆盖顺序

                

0.样式位置分类
1)使用外部css文件

<link href="/static/css/main.css" rel="stylesheet">

2)使用head中的style元素...

随页面滚动显示/隐藏窗口固定位置元素

                

0.效果

窗口固定位置显示元素,当页面高度大于某高度,并且页面向下滚动时,显示该元素;当页面位置小于某高度,或者页面向上滚动时,隐藏该元素。

1.html

<p id="sele...

侧边导航栏css示例

                

效果展示:

html:

<divclass="sidebar">
    <ul>
        <li>优先级
             &...

css实现table中td单元格鼠标悬浮时显示更多内容

                

table中,td单元格无法显示下全部内容,需要在鼠标hover时显示全部内容。

正常显示样式:

鼠标hover时:

html:

<td>displayAddress...