2

「微量ガス CH4、N2O、CO2 の測定と、それらの生産と排出を管理するプロセス」のようなテキストを含む MySQL データベースからのテキストを表示しています。テキストはテキスト領域を介して保存されます。テキストが HTML Doc に表示されるときに、javascript/jquery を使用して CH4、N20、および CO2 に上付き/下付きを適用したかったのですか? これが可能かどうか教えてください。

4

2 に答える 2

4

最も簡単な方法は、数字がsubマークアップ内に配置されるようにデータを処理することです。たとえば、CH4 は になりCH<sub>4</sub>ます。ただし、これはタイポグラフィ的に悪い結果 (不均一な行間隔を含む) を生成するため CH<span class=sub>4</span>、CSS ルールを生成して使用することをお勧めします。

.sub {
  vertical-align: 0;
  position: relative;
  top: 0.8ex; 
  font-size: 80%;
}

もちろん、使用される値は、おそらくフォントに応じて調整できます。

その他のオプションには、下付き文字の使用 (@TachyonVortex の回答で提案されているように) や、OpenType 機能を使用した下付き文字の使用font-feature-settings(限られたブラウザー サポート、限られたフォント サポート) が含まれます。

于 2012-12-03T14:21:53.863 に答える
3

Unicode では、CH4、N₂O、CO₂ の下付き数字を使用できます。

化学式 (例: CH4) に一致する正規表現を記述し、下付き数字 (CH4) を使用して再フォーマットすることができます。

次の 2 つのオプションがあります。

  1. からのテキストを<textarea>再フォーマットせずにデータベースに保存します。次に、HTML ページをレンダリングするときに、サーバー側 (例: PHP) またはクライアント側 (例: JavaScript) のいずれかで添字番号を追加します。
  2. データベースに書き込む前に、テキストを再フォーマットします。

下付き数字が追加されたら、文字の破損を避けるために、その時点から UTF-8 文字セットを使用していることを確認する必要があります。

于 2012-12-03T12:33:02.640 に答える