源代码 -->
左右布局
AI 编程工具
点击运行
<!DOCTYPE html> <html> <head> <title>Foundation 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.net/foundation/5.5.3/css/foundation.min.css"> <script src="https://cdn.staticfile.net/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.net/foundation/5.5.3/js/foundation.min.js"></script> <script src="https://cdn.staticfile.net/foundation/5.5.3/js/vendor/modernizr.js"></script> </head> <body> <h2>文本对齐</h2> <p><strong>这个功能非常赞！！！</strong></p> <p> <code>.xlarge-only-text-justify</code> 类设置宽度在 90.0625em 到 120em 尺寸的屏幕两端对齐。重置浏览器大小查看效果。</p> <p class="xlarge-only-text-justify">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.' In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p> </body> </html>
运行结果
AI 编程工具