Migs Martin Migs Martin - 1 year ago 117
CSS Question

how to enable wordwrap in button in php?

My code is dynamic and takes the value of the button from my database using PDO.

How do I wrap the text (data from database) while it is written in the button. note: It must accept dynamic long lengths of text per button.

here is my code. Where do I attach the

from here ?

$sql = "SELECT * FROM tbl_buttons ORDER BY btn_id";
foreach ($PDO->query($sql) as $row) { ?>
<div class="col-md-3 portfolio-item">
<input type="submit" class="btn btn-success btn-lg " value="<?php echo $row['description']; ?>">
} ?>

Answer Source

Use white-space: normal; & word-break: break-all; property to make it wrap around the parent container.

Have a look at the snippet below:

input[type="submit"] {
  white-space: normal;
  word-break: break-all;
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-xs-6 portfolio-item">
        <input type="submit" class="btn btn-success btn-lg  " value="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat maxime debitis repellendus totam, accusantium perspiciatis deserunt harum nemo omnis officiis similique vel quasi explicabo optio, unde sed, vero quia quae?">

Hope this helps!

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download