responsywny akapit <p>

5 views
Skip to first unread message

RM

unread,
Apr 28, 2020, 12:45:31 PM4/28/20
to
Jak zrobić, żeby akapit był responsywny, tzn. żeby łamanie <p>tekstu w
akapicie<p> zmieniało się przy zmianie szerokości okna przeglądarki?

Mam tabelkę Bootstrapową, a w niej wiersz:

<tr><td colspan="8"><b>Tytuł:</b> Programista PHP<br><b>Data
wprowadzenia:</b> 21.03.2020</b><br><b>Okres ważności:</b> od
01.04.2020<br><b>Kategoria:</b> IT / telekomunikacja<br><b>Imię i
nazwisko:</b> Adam Kowalski<br><b>Wykształcenie:</b>
wyższe<br><b>Województwo:</b>
mazowieckie<br><b>Miejscowość:</b><br><b>Kod pocztowy:</b>
02-495<br><b>Adres:</b> ul. Polna 1B m. 19<br><b>E-mail:</b> <a
href="mailto:ada...@wp.pl">ada...@wp.pl</a><br><b>Telefon:</b>
506117506<br><input type="button" value="Pokaż zdjęcie"><br><input
type="button" value="Pokaż CV"><br><b>Treść:</b><p>5-letnie
doświadczenie we frameworku CodeIgniter. Jestem magistrem informatyki,
absolwentem UW.</p></td></tr>

i problem w tym, że jak zmniejszę szerokość okna przeglądarki to widać
tylko początek tekstu:
|5-letnie doświadczenie we frameworku Co|

Proszę o podpowiedź.

RM

unread,
Apr 28, 2020, 1:20:59 PM4/28/20
to
W dniu 28.04.2020 o 18:45, RM pisze:
> Mam tabelkę Bootstrapową
Tzn mam:

<!-- Bootstrap -->
<link rel="stylesheet"
href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="Stylesheet" type="text/css"
href="https://kursbootstrap.pl/examples/docs.css" />
...
<table class="table table-responsive table-stripped table-light">

RM

unread,
Apr 28, 2020, 1:41:19 PM4/28/20
to
W dniu 28.04.2020 o 18:45, RM pisze:
Samo:

table p {
word-wrap: break-word;
}

mi nie pomaga.

RM

unread,
Apr 28, 2020, 1:49:39 PM4/28/20
to
W dniu 28.04.2020 o 19:41, RM pisze:

> Samo:
>
> table p {
>   word-wrap: break-word;
> }
>
> mi nie pomaga.

overflow-wrap
też nie pomaga.
Reply all
Reply to author
Forward
0 new messages