前端的几种特殊样式

来源：互联网发布：十宗罪网络剧百度云编辑：程序博客网时间：2024/05/01 20:06

1:在DIV出现滚动条

在DIV上应用此样式即可（颜色可以根据具体情况进行调节）

.scroll
    {
        WIDTH: 120px;
        HEIGHT: 140px;
        overFlow-x: hidden;
        overFlow-y: scroll;
        scrollbar-3dlight-color:#FF0033;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#FFFF33;
        scrollbar-darkshadow-color:#FFFF33;
        scrollbar-face-color:#FF0033;
        scrollbar-highlight-color:#FFFFFF;
        scrollbar-shadow-color:#FF0033
        }

2:TABLE里面出现自动换行

对Table应用以下样式

.table
        {
            table-layout:fixed;
        }

对TD应用以下样式

.td
       {
            word-wrap:break-word;
        }

3:在DIV中将LI标签的内容一行/换行显示

对div应用以下样式

.div
        {
            /*
             white-space: normal;    恢复到正常状态
             white-space: nowrap;   不换行
             white-space: pre-line; 正常换行
             white-space: pre-wrap;
            */
            white-space: nowrap;
            }

以上为笔者在工作中遇到的少见的几种特殊样式，希望能帮到各位网友！