Discuz 公告效果（自动换行，无间隙滚动）

下面给您讲解一下“Discuz 公告效果（自动换行，无间隙滚动）”的完整攻略。

1. 准备工作

在Discuz论坛的管理后台中，打开全局 -> 网站信息 -> 广告设置，在“站点公告”一栏中添加公告，并保证“启用”选项已勾选。在“展现方式”中选择“自动换行，无间隙滚动”。

2. 自动换行

自动换行指的是公告内容自动换行，不会出现横向滚动条。在Discuz中，这个特性是默认开启的。如果您需要关闭自动换行，可以在“展现方式”中选择“不自动换行，出现滚动条”。

3. 无间隙滚动

无间隙滚动指的是公告内容以滚动的形式呈现，滚动过程中不会出现间隙和空白。这个特性需要通过修改CSS来实现。可以在模板的CSS文件中添加以下代码：

#board_announcement {
    overflow:hidden;
    position:relative;
}
#board_announcement ul {
    left:0;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
}
#board_announcement ul li {
    display:block;
    float:left;
    margin:0;
    padding:5px 10px;
    position:relative;
    right:-100%;
    white-space:nowrap;
}
#board_announcement ul li:first-child {
    margin:0;
}
#board_announcement ul li:last-child:after {
    content:"";
    display:block;
    height:100%;
    width:10px;
}
#board_announcement ul li span {
    display:block;
    font-size:14px;
    font-weight:bold;
    z-index:2;
}

该代码可以实现公告以无间隙滚动的形式呈现。需要注意的是，在代码中，“#board_announcement”是指公告容器的ID，您需要根据您的实际情况修改为正确的ID。

4. 示例说明

下面给您提供两个示例说明：

示例一

您需要在论坛中添加一个公告，公告内容比较长，希望能够自动换行。您可以直接在后台添加公告，并在“展现方式”中选择“自动换行，无间隙滚动”。

示例二

您需要在论坛中添加一个公告，公告内容比较长，希望能够以无间隙滚动的形式呈现。您可以在模板的CSS文件中添加以上所述的代码，实现公告以无间隙滚动的形式呈现。需要注意的是，您需要将代码中的“#board_announcement”修改为正确的ID。