欢迎您 本站地址:
复制网址
手机查看
切换背景
返回首页
返回编程教学
照片会说话
长度面积单位转换
女生头像古风
数据管理源码
各国首都列表
工具
学习CSS3
学习JavaScript
源代码：
html编辑器
颜色值转换
点击运行
<div data-role="page" id="pageone"> <div data-role="header"> <h1>列</h1> </div> <div data-role="main" class="ui-content"> <p>四列布局：</p> <div class="ui-grid-c"> <div class="ui-block-a"> <a href="#" class="ui-btn ui-corner-all ui-shadow">第一列</a><br> <span>第一列: 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。</span> </div> <div class="ui-block-b"> <a href="#" class="ui-btn ui-corner-all ui-shadow">第二列</a><br> <span>第二列: 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。</span> </div> <div class="ui-block-c"> <a href="#" class="ui-btn ui-corner-all ui-shadow">第三列</a><br> <span>第三列: 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。</span> </div> <div class="ui-block-d"> <a href="#" class="ui-btn ui-corner-all ui-shadow">第四列</a><br> <span>第四列: 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。</span> </div> </div> </div> </div>
运行结果：
小库提示
扫描下方二维码，访问手机版。
打赏
关闭