Thread View: pl.comp.www
4 messages
4 total messages
Started by RM
Tue, 28 Apr 2020 16:45
responsywny akapit <p>
Author: RM
Date: Tue, 28 Apr 2020 16:45
Date: Tue, 28 Apr 2020 16:45
23 lines
1885 bytes
1885 bytes
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:adam_k@wp.pl">adam_k@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ź.
Re: responsywny akapit <p>
Author: RM
Date: Tue, 28 Apr 2020 17:20
Date: Tue, 28 Apr 2020 17:20
11 lines
1240 bytes
1240 bytes
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">
Re: responsywny akapit <p>
Author: RM
Date: Tue, 28 Apr 2020 17:41
Date: Tue, 28 Apr 2020 17:41
32 lines
2114 bytes
2114 bytes
W dniu 28.04.2020 o 18:45, RM pisze:
> 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:adam_k@wp.pl">adam_k@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ź.
Samo:
table p {
word-wrap: break-word;
}
mi nie pomaga.
Re: responsywny akapit <p>
Author: RM
Date: Tue, 28 Apr 2020 17:49
Date: Tue, 28 Apr 2020 17:49
12 lines
1047 bytes
1047 bytes
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.
Thread Navigation
This is a paginated view of messages in the thread with full content displayed inline.
Messages are displayed in chronological order, with the original post highlighted in green.
Use pagination controls to navigate through all messages in large threads.
Back to All Threads