“沙盒”的版本间的差异
来自astro-init
（→HTML和CSS） |
|||
| 第34行： | 第34行： | ||
=== HTML和CSS === | === HTML和CSS === | ||
<span style="color:green;">green text</span> | <span style="color:green;">green text</span> | ||
| + | <div style="display: -webkit-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | width: 100%;"> | ||
| + | <div style="background-color: cornflowerblue; | ||
| + | width: 300px; | ||
| + | height: 100px; | ||
| + | margin: 10px;">flex item 1</div> | ||
| + | <div style="background-color: cornflowerblue; | ||
| + | width: 300px; | ||
| + | height: 100px; | ||
| + | margin: 10px;">flex item 2</div> | ||
| + | <div style="background-color: cornflowerblue; | ||
| + | min-width: 300px; | ||
| + | height: 100px; | ||
| + | margin: 10px;">flex item 3</div> | ||
| + | </div> | ||
<br /> | <br /> | ||
<references /> | <references /> | ||
2019年6月30日 (日) 00:44的版本
沙盒
这里是一个测试环境，管理员们可在此测试网站的新功能，新用户也可以在此练习网站的使用。可供测试的主要内容有：
字体和排版
大号文字正常文字小号文字粗体文字斜体文字
公式
$$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$$
图片
表格
| 标题文字 | 标题文字 | 标题文字 |
|---|---|---|
| 示例 | 示例 | 示例 |
| 示例 | 示例 | 示例 |
| 示例 | 示例 | 示例 |
其他测试项
关于富文本编辑器
引用[1]
程序代码
print("hello world\n");//如何实现多行？
HTML和CSS
green text
flex item 1
flex item 2
flex item 3
- ↑ 参考文献1
