0

ヘッダー付きのjQueryMobileポップアップを作成すると、デフォルトはかなりうまく機能します(いつかその丸くない左上隅に対処したいと思います):

<div data-role="header">
  <h1>Useful Header</h1>
</div>

サブヘッダーを追加する適切な方法は何ですか?サブヘッダーとは、ヘッダーのようなテキストを意味しますが、より小さく、おそらくヘッダーとサブヘッダーの間のマージンが小さくなります。

グーグルはあまり役に立たず、この素朴な試みは失敗します:

<div data-role="header">
  <h1>Useful Header</h1>
  <h6>Simple Sub-header</h6>
</div>

醜いサブヘッダー

4

1 に答える 1

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;
}
于 2013-02-11T06:17:27.147 に答える