Pertanyaan Center span span HTML tidak berfungsi?


Saya punya beberapa HTML:

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

Div mengubah jarak pada dokumen saya, jadi saya ingin menggunakan rentang untuk ini sebagai gantinya.

Tetapi rentang tidak memusatkan isi:

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

Bagaimana saya memperbaikinya?

EDIT:

Kode lengkap saya:

<html>
<body>

<p>This is a paragraph. This text has no alignment specified.</p>

<span style="border:1px solid red;text-align=center">
  This is some text in a div element!
</span>

</body>
</html>

75
2017-12-05 21:35


asal


Jawaban:


Div A adalah elemen blok, dan akan menjangkau lebar wadah kecuali lebar diatur. Rentang adalah elemen inline, dan akan memiliki lebar teks di dalamnya. Saat ini, Anda mencoba mengatur menyelaraskan sebagai properti CSS. Align adalah atribut.

<span align="center" style="border:1px solid red;">
    This is some text in a div element!
</span>

Namun, atribut rata tidak berlaku lagi. Anda harus menggunakan CSS text-align properti di penampung.

<div style="text-align: center;">
    <span style="border:1px solid red;">
        This is some text in a div element!
    </span>
</div>

143
2017-12-05 21:41



Silakan gunakan gaya berikut. margin:auto biasanya digunakan untuk memusatkan konten. display:table diperlukan untuk span elemen

<span style="margin:auto; display:table; border:1px solid red;">
    This is some text in a div element!
</span>

36
2017-08-19 17:21



Itu align atribut tidak lagi digunakan. Gunakan CSS text-align sebagai gantinya. Juga, rentang tidak akan memusatkan teks kecuali Anda menggunakannya display:block atau display:inline-block dan menetapkan nilai untuk lebar, tetapi kemudian akan berperilaku sama dengan div (elemen blok).

Bisakah Anda memposting contoh tata letak Anda? Gunakan www.jsfiddle.net


22
2017-12-05 21:41



    span.login-text {
    font-size: 22px;
    display:table;
    margin-left: auto;
    margin-right: auto;
}

<span class="login-text">Welcome To .....CMP</span>

Bagi saya itu bekerja dengan sangat baik. coba ini juga


7
2018-02-04 14:34



Span adalah blok inline dan menyesuaikan dengan ukuran teks sebaris, dengan keuletan yang menghalangi sebagian besar upaya untuk mengubah gaya konteks inline. Untuk menyederhanakan gaya tata letak (membatasi konflik), tambahkan div ke tag 'p' dengan jeda baris.

<p> some default stuff
<br>
<div style="text-align: center;"> your entered stuff </div>

0
2018-05-13 07:44



Di atas semua penjelasan lainnya, saya yakin Anda menggunakan persamaan "=" tanda tangan, bukan usus besar ":":

<span style="border:1px solid red;text-align=center">

Harus:

<span style="border:1px solid red;text-align:center">

-1
2018-04-06 09:30



Cukup gunakan word-wrap:break-word; di css. Berhasil.


-3
2017-07-14 15:59