1

Chrome 19 で以下の html コードに問題があります。入力フィールドから「Hello」というテキストをコピーして同じフィールドに貼り付けると、テキストの垂直方向の配置が上になるのに、真ん中になるはずです。 .

スタイルから font-size プロパティを削除すると、効果が現れません。それはブラウザのバグですか、それともスタイル属性に何か問題がありますか?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Title</title>
 </head>
 <body>
  <div style="width:200px;height:50px;">
   <input type="text" style="width:100%;height:100%;font-size:1.75em;" value="Hello world!"/>
  </div>
 </body>
</html>
4

1 に答える 1

2

この問題は間違いなくブラウザのバグですが、修正する方法はまだあります。私にとってうまくいったのは、高さの値と等しい値で入力に行の高さを追加することでした。

高さをパーセンテージではなくピクセルで設定しましたが、パーセンテージで設定しようとするとうまくいきませんでした。しかし、エムズはそうしました。この戦術を使用すると、コードは次のようになります。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Title</title>
 </head>
 <body>
  <div style="width:200px;height:50px;">
   <input type="text" style="width:100%;height:2em;line-height:2em;font-size:1.75em;" value="Hello world!"/>
  </div>
 </body>
</html>
于 2012-06-27T19:18:16.503 に答える