MySQL to InnerHtml Angular 7

Question

I want to put HTML code that I am getting from the MySQL database into my HTML page. I am using [innerHtml], but the div width is larger than the page max-width. How can I solve the problem?

CSS

.sonclass {
 display: inline-flex;
 max-width: 1300px;
}

.fatherclass {
  width: 1300px;
}

HTML

  <div class="fatherclass">
    <div class="sonclass" [innerHTML]="data.html"></div>
  </div>

add what you tried

Annaimahalingam
– Annaimahalingam

2019-08-20 08:43:45 +00:00
Commented Aug 20, 2019 at 8:43 — Annaimahalingam
– Annaimahalingam, Commented Aug 20, 2019 at 8:43
Hope, you have tried something useful

Pathik Vejani
– Pathik Vejani

2019-08-20 08:49:37 +00:00
Commented Aug 20, 2019 at 8:49 — Pathik Vejani
– Pathik Vejani, Commented Aug 20, 2019 at 8:49

Anton Bks · Accepted Answer · 2019-08-20 08:51:42Z

1

You could try a word-wrap: break-word; on your innerHTML element to break it into a paragraph

You have to remove the display:inline-flex for it to work however

answered Aug 20, 2019 at 8:51

Anton Bks

4923 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

MySQL to InnerHtml Angular 7

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related