HTML CSS：文本不会在 Android 4.3 中水平填充 div

Posted 2023-03-05

【中文标题】HTML CSS：文本不会在 Android 4.3 中水平填充 div

【英文标题】：HTML CSS: text won't fill the div horizontally in Android 4.3

【发布时间】：2015-09-02 20:38:30

【问题描述】：

我在使用 Jelly Bean 4.3 的 android 设备访问我的网站时遇到问题。包含文本的 div 不是水平填充的（不到一半），但只有当 text-align 设置为 left 时（应该如此）。如果设置为 center，它会被填充但看起来很难看。

这是我的h4 CSS 定义：

h4

    text-align: left;
    width: 90%;
    font-size: 180%;
    font-style: normal;
    font-family: "Times New Roman", Times, serif;
    padding: 10px 40px;

这可能是什么原因？

【问题讨论】：

可能有助于提供更多代码。也许是有问题的文本。更好的是，修改一下代码。

尝试在元素上使用box-sizing: border-box;。填充可能会将内容向下推。

@hopkins-matt：文本只是普通文本，当我通过 php 动态创建站点时，小提琴会很困难。我会写到一个文件中，一有时间就贴出来

@ChristopherMarshall：没有解决，但感谢您的尝试。

【参考方案1】：

我不是真正的 html 专家，但我很确定这是一个错误。

我不知道为什么，但如果我给 background-color 添加颜色，它会起作用。

不是transparent、inherit 或initial，而是真正的颜色，否则它不起作用。由于父 div 有一个

background: -webkit-radial-gradient(rgba(230,230,230,0.7), rgba(240,240,255,0.8), rgba(230,230,230,0.7));,

设置颜色会让所有看起来都很难看，所以我添加了一个

background: -webkit-radial-gradient(rgba(230,230,230,0.0), rgba(240,240,255,0.0), rgba(230,230,230,0.0));

到h4，它看起来完美、透明的背景和充满文本的 div。

所以h4 现在是：

h4

   text-align: left;
   width: 90%;
   font-size: 180%;
   font-style: normal;
   font-family: "Times New Roman", Times, serif;
   padding: 10px 40px;
   background: -webkit-radial-gradient(rgba(230,230,230,0.0), rgba(240,240,255,0.0), rgba(230,230,230,0.0));

我希望这可以帮助遇到同样奇怪问题的人。