CSS 下拉内容的对齐方式
引用示例
点击运行
自动执行
HTML 教程
JavaScript 教程
HTML
<!DOCTYPE html> <html> <head> <title>下拉菜单实例|迹忆客(jiyik.com)</title> <meta charset="utf-8"> </head> <body> <h2>下拉内容的对齐方式</h2> <p>left 和 right 属性指定了下拉内容是从左到右或从右到左。</p> <div class="dropdown" style="float:left;"> <button class="dropbtn">左</button> <div class="dropdown-content" style="left:0;"> <a href="#">菜鸟教程 1</a> <a href="#">菜鸟教程 2</a> <a href="#">菜鸟教程 3</a> </div> </div> <div class="dropdown" style="float:right;"> <button class="dropbtn">右</button> <div class="dropdown-content"> <a href="#">迹忆客 1</a> <a href="#">迹忆客 2</a> <a href="#">迹忆客 3</a> </div> </div> </body> </html>
CSS
JAVASCRIPT
嵌入代码
