Rumah > hujung hadapan web > html tutorial > 两行文字如何在同一排居中_html/css_WEB-ITnose

两行文字如何在同一排居中_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:07:36
asal
2463 orang telah melayarinya

<div>	11111111111111111111111111111111111111<span><h2 style="text-align:center;">222</h2></span></div>
Salin selepas log masuk


我想111111111111111111111111靠左边,222居中,在同一行,现在弄成2行了


回复讨论(解决方案)


<div>    <span style="float:left;">11111111111111111111111111111111111111</span><h2 style="margin:0 auto;width:200px;text-align:center;">222</h2></div>
Salin selepas log masuk

设置 h1{display:inline;} 就可以在同一行了;然后加几个 就空开了位置

试试我这个,宽度我改成100%,这样222在任何屏幕都是居中的

<div>    <span style="float:left;">11111111111111111111111111111111111111</span><h2 style="margin:0 auto;width:100%;text-align:center;">222</h2></div>
Salin selepas log masuk

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan