使用jQuery Mobile popup制作header,默认效果非常好(我想在某天解决非圆形的左上角):
<div data-role="header">
<h1>Useful Header</h1>
</div>
添加子标题的正确方法是什么?通过子标题,我的意思是文本,如标题,但更小,可能在标题和子标题之间有一个小的边距。
谷歌没有多大帮助,这种天真的尝试失败了:
<div data-role="header">
<h1>Useful Header</h1>
<h6>Simple Sub-header</h6>
</div>
答案 0 :(得分:2)
以下是使用CSS获取所需布局的方法:
<div data-role="header">
<h1>Useful Header</h1>
<p class="popup-subheader">Simple Sub-header</p>
</div>
.popup-subheader {
text-align: center;
margin-top: -5px;
margin-bottom: 6px;
font-size: smaller;
font-weight: normal;
}