Migs Martin Migs Martin - 15 days ago 6
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

wordwrap
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']; ?>">
</div>
<?php
} ?>

Answer

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?">
        </div>

Hope this helps!