android - 手机版的左侧只有文字

Question

我使用移动样式表使我的网站移动了，但列表中的文本现在只显示在左侧，就好像我双击文本一样。我使用的是 android 4.2，这是在标准的 Cyanogenmod 浏览器中，但在其他浏览器中是相同的。

我已经尝试过：

width:100%;
word-wrap:normal;
text-wrap:none;

HTML：

<div id='bottom'>

<hr>

<span id='lastEdit'>
<?php echo 'Laatst gewijzigd: '.date('d F Y:',filemtime('index.php')); ?><br>
</span>

<ul>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
</ul>

<span id='nextEdit'>Wat nog komt:</span>

<ul>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
</ul>

</div>

CSS：

span#lastEdit,span#nextEdit
{
font-weight:400;
width:100%;
word-wrap:normal;
text-wrap:none;
}

ul
{
list-style-type:none;
padding-left:5px;
width:100%;
word-wrap:normal;
text-wrap:none;
}

div#bottom
{
clear:both;
font-size:50px;
width:100%;
}

仍然没有任何变化！

提前致谢。

更新：它确实适用于 IOS（Safari 和 Chrome）

Answer 1

The default value of text-align is left. What you are seeing is expected behavior.

If you want to see different results, change it. There is left, right, center, justify. etc.. See MDN https://developer.mozilla.org/en-US/docs/Web/CSS/text-align