Rumah >hujung hadapan web >tutorial css >Bagaimana untuk menetapkan div di luar balut baris dalam css
Bagaimana untuk menetapkan div di luar balut baris dalam css
- WBOYasal
- 2021-11-19 14:38:588060semak imbas
Dalam CSS, anda boleh menggunakan atribut "word-break" untuk mencapai div di luar kesan pemisah baris Atribut ini membenarkan kandungan div membalut secara automatik Sintaksnya ialah "div{word-break :pecah-semua;} ".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan div melebihi pemisah baris dalam css
Anda boleh menggunakan atribut pemecahan perkataan dalam css untuk menentukan pemprosesan kaedah pemutus talian automatik.
Dengan menggunakan atribut word-break, anda boleh membenarkan penyemak imbas memutuskan garisan pada sebarang kedudukan.
Sintaksnya ialah:
word-break: normal|break-all|keep-all;
Perlu diambil perhatian bahawa:
biasa bermaksud menggunakan peraturan pemecahan baris lalai penyemak imbas.
break-all bermaksud pemecahan baris dalam perkataan dibenarkan.
keep-all bermaksud pemisah baris hanya boleh dibuat pada ruang separuh lebar atau tanda sempang.
Mari kita ambil contoh untuk melihat cara menetapkan div di luar pembalut baris Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<style type="text/css">
div{
width:50px;
word-break:break-all;
}
</style>
<div>
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>Hasil keluaran:
Video Pengaturcaraan! !
Atas ialah kandungan terperinci Bagaimana untuk menetapkan div di luar balut baris dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!