实用的Django+HTML设置有哪些
这篇“实用的Django+HTML设置有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“实用的Django+HTML设置有哪些”文章吧。
一、关于引入变量
1.变量引入方法:
{% block 块名称 %}
<p>{{变量名}}<p>
{% endblock %}
2.引入变量的值中标签是否转义:
不转义:
{% autoescape off %}
...HTML代码...
{% endautoescape %}
转义:
{% autoescape on %}
...HTML代码...
{% endautoescape %}
或者部分不转义部分转义:
{% autoescape off %}
...HTML代码...
{% autoescape on %}
...HTML代码...
{% endautoescape %}
二、表格数据水平+垂直居中
<td style="text-align:center;vertical-align:middle;margin:auto">表格数据</td>
三、表格列名跨行显示
使用 rowspan/colspan 属性,代表占用多少行/列,以下为代码和效果图
代码:
<table border="1" summary="this table gives some statistics about fruit
flies: average height and weight, and percentage
with red eyes (for both males and females).">
<caption>
<em>
A test table with merged cells.
</em>
</caption>
<tbody>
<tr>
<th rowspan="2">Gender </th>
<th colspan="1">Max</th>
<th colspan="1">Min</th>
<th rowspan="2">Rate</th>
</tr>
<tr>
<th>Height</th>
<th>Weight</th>
</tr>
<tr>
<td>Male</td>
<td>1.9</td>
<td>100</td>
<td>40%</td>
</tr>
<tr>
<td>Female</td>
<td>1.7</td>
<td>88</td>
<td>43%</td>
</tr>
</tbody>
</table>
<p>
简化的效果图:
以上就是关于“实用的Django+HTML设置有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341