Dreamweaver 怎么实现瀑布流

Posted 2023-04-30

我是个新手，代码不是很懂

首先，dreamweaver是编程只是工具，而瀑布流是靠语言写出来的程序效果，dreamweaver不会帮你实现复杂的应用程序，二者的关系你应该搞明白。
其次，瀑布流可以自己编写，javascript加其它动态语言（php asp jsp等等），结合ajax实现的，自己写稍显复杂
最后，如果你会php或者java，可以找现成的js库中的类似效果，如jquery就有这个插件，套上就行了，具体插件和使用方法自己google吧 参考技术A 直接去下载网站系统来用更方便点，比如pageadmin系统、wordpress系统、discuz系统这些都很好用的，做出一个网站也就是1天时间。 参考技术B 不是很懂,就直接下载开源的程序

用css3的 clomus 布局 怎么写瀑布流

body里面只有一个div 其他的部分直接追加 怎么写啊 用css3的 columns布局怎么写呢 ？ 哪位大神告知一下啊

参考技术A

首先，css3的布局主要用到下面三个属性

column-count

column-gap

column-rule

其次，在兼容column的浏览器中可以实现瀑布流，代码如下

.demo
    width: 500px;
    height: auto;

    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;

    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px;

    column-rule:3px outset #ff0000;

    border: 1px solid #ddd;

.demo div
    background: #336699;
    margin-bottom: 4px;
    color: #eee;
    padding: 10px;

<div class="demo">
        <div>1这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>2这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>3这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>4这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>5这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>6这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>7这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>8这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>9这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>11这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>12这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>13这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>14这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>15这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>16这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>17这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>18这是测试用的文字，测试能不能实现瀑布流。</div>
        <div>19这是测试用的文字，测试能不能实现瀑布流。</div>
    </div>
</div>

追问

可以实现瀑布流效果么？把JS部分也给补上呗😁😁😁