Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

bagaimana cara memperbaiki agar kalimat yang diinput tidah terpisah antar kata

saya membuat sebuah inputan text area, untuk kata kalimat yang panjang hasil tersebut tidak rapi. contoh hasil :

Screenshot_20230102_222613.png

bagaimana cara memperbaikinya agar hasil yang ditampilkan tampak rapi?

codingan yg sya gunakan untuk inputan :

<textarea required placeholder="masukan deskripsi produk" name="keterangan" maxlength="1000" class="box"></textarea>

codingan untuk menampilkan hasil :

<div class="keterangan">
         <?php
            $pchenter=explode("\r\n",$fetch_products['keterangan']);
            $txtout="";
               for($i=0;$i<=count($pchenter)-1;$i++){
                  $pchpart=str_replace($pchenter[$i], "<br>".$pchenter[$i],$pchenter[$i]);
                  $txtout .=$pchpart;
               }
            echo $txtout;
         ?></div>

pengaturan css :

.show-products .box-container .box .keterangan{
   font-size: 1.5rem;
   color:var(--black);
   padding:1rem 0;
   width:fit-content;
   word-break: break-all;
   line-height: 1.7;
   letter-spacing: .7px;
   word-spacing: 1px;
}

tolong bantuannya...

avatar wulan12
@wulan12

8 Kontribusi 0 Poin

Diperbarui 2 tahun yang lalu

Tanggapan

maksudnya tidak rapi apa? contoh yang rapi seperti apa?

itu kak contoh hasilnya seperti diatas, kata-katanya tidak rapi dan terpisah-pisah

1 Jawaban:

Jawaban Terpilih

<div>hapus coba word-break: break-all; nya dan coba coba aja main di css nya</div>

avatar Obbytokun
@Obbytokun

186 Kontribusi 16 Poin

Dipost 2 tahun yang lalu

Tanggapan

terimakasihhhh sdh bisa

Login untuk ikut Jawaban