文本左对齐但div中心

我想创建一个左对齐的列表，但我希望块在页面中居中。
由于我没有宽度，因为在iPhone的Safari上观看时尺寸不同，所以很难做到这一点，我不知道如何... 谢谢！文本左对齐但div中心

<center> 
<div style="width:;text-align:center;margin:0 auto 1em auto;border:1px solid white;padding:0cm 0.5cm 0cm 12%"> 
    <p style="text-align:left;"> 
    <b>1.</b> text one<br> 
     <font size="1"> &nbsp; &nbsp; small sub</font><br><br> 
    <b>2.</b> text two is longer because he think it's very cool to stand out but hey everything is alright<br><br> 
    <b>3.</b> three is a tree<br><br> 
    <b>4.</b> four means nothing<br><br> 
    <b>5.</b> short<br><br> 
     <center>fake center text with padding</center> 
    </p> 
</div><br><br> 
    real center text 
</center>

来源

2015-11-12 myspider

阻断你到底要为中心？ –

该div，但我放弃了。刚刚使用了另一种时间方法 – myspider

既然你想打表，我会先用一堆破标签使用ol tag（有序列表），而不是p标签。然后，如果列表包含在一个div或block元素中（块元素跨越窗口的整个宽度），可以通过给它一个宽度并在css中给它一个宽度来居中块元素：0 auto; 。这意味着你要告诉计算机在左边和右边给它平等的利润。确保给予你居中的元素宽度，否则margin：0 auto不起作用。

如果您不确定宽度，请决定您希望中心元素需要多少屏幕（即：50％，90％等）。希望有所帮助！

<div id="center"> 
<ol> 
    <li>text one</li> 
    <li>text two</li> 
    <li>three is a tree</li> 
    <li>four means nothing</li> 
    <li>short</li> 
</ol> 
</div>

CSS

#centered{ 
    width: 50%; 
    margin: 0 auto; 
}

来源

2015-11-12 16:36:29 YTP

谢谢，但我必须改变一切，并编写代码以获得数字大胆。现在我去了另一个选择。 – myspider

<style>head,body{font-family:ubuntu,Arial,sans-serif;color:white;background-color:black} a{color:white;} 
.mobile{width:635px;margin:0 auto;text-align:left;padding:0.3cm 0cm 0.5cm 2%;} 
.mobiles{width:65%;text-align:center;margin:0 auto 1em auto;border:1px solid white;padding:0.1cm 0.3cm 0cm 3%;} 
@media only screen and (min-device-width:320px) and (max-device-width:568px) 
    {.mobile{width:100%;padding:0.5cm 0cm 0.5cm 2% 
    .mobiles{width:auto;text-align:center;margin:0 auto 1em auto;border:1px solid white;padding:0cm 0.5cm;} 
    ;}</style> 

<div class="mobiles"><p class="mobile">

来源

2015-11-12 21:25:26 myspider

文本左对齐但div中心

回答

相关问题