Heim > Web-Frontend > HTML-Tutorial > 两行文字如何在同一排居中_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:07:36
Original
2466 Leute haben es durchsucht

<div>	11111111111111111111111111111111111111<span><h2 style="text-align:center;">222</h2></span></div>
Nach dem Login kopieren


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


回复讨论(解决方案)


<div>    <span style="float:left;">11111111111111111111111111111111111111</span><h2 style="margin:0 auto;width:200px;text-align:center;">222</h2></div>
Nach dem Login kopieren

设置 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>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage