Title: Fit To Width – CSS-only stretchy text
Author: Kevin Batdorf
Published: <strong>25 жніўня, 2025</strong>
Last modified: 15 жніўня, 2026

---

Пошук плагінаў

![](https://ps.w.org/fit-to-width/assets/icon-256x256.png?rev=3349427)

# Fit To Width – CSS-only stretchy text

 Аўтар: [Kevin Batdorf](https://profiles.wordpress.org/kbat82/)

[Спампаваць](https://downloads.wordpress.org/plugin/fit-to-width.0.2.0.zip)

 * [Падрабязнасці](https://bel.wordpress.org/plugins/fit-to-width/#description)
 * [Водгукі](https://bel.wordpress.org/plugins/fit-to-width/#reviews)
 *  [Ўсталёўка](https://bel.wordpress.org/plugins/fit-to-width/#installation)
 * [Распрацоўка](https://bel.wordpress.org/plugins/fit-to-width/#developers)

 [Падтрымка](https://wordpress.org/support/plugin/fit-to-width/)

## Апісанне

A simple, lightweight block for displaying each line of text at full width, no matter
the length of the text. No JavaScript.

Star the project on GitHub: [https://github.com/kevinbatdorf/fit-to-width](https://github.com/kevinbatdorf/fit-to-width)

_Note_: if you are installing it for the first time from the Block Inserter, WordPress
has a bug where it doesn’t load block styles into the iFrame, so you will need to
refresh.

## Скрыншоты

[⌊An example of the text next to a cool dog⌉⌊An example of the text next to a cool
dog⌉[

An example of the text next to a cool dog

## Блокі

Гэты плагін прадастаўляе 1 блок.

 *   Fit To Width A text block where each line is automatically full width.

## Ўсталёўка

 1. Upload the plugin files to the `/wp-content/plugins/fit-to-width` directory, or
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## Часта задаваныя пытанні

### What about browser support?

See here [https://caniuse.com/mdn-css_at-rules_property](https://caniuse.com/mdn-css_at-rules_property)

### How did you do it?

For a detailed explanation of how this works, see [https://kizu.dev/fit-to-width](https://kizu.dev/fit-to-width).

### Is it accessible?

I guess that depends on your perspective and legal requirements. First thing I’ll
say is that this technique outshines the alternatives, and those alternatives also
suffer from the same caveat:

It won’t pass [Success Criterion 1.4.4 Resize Text](https://w3c.github.io/wcag/guidelines/#resize-text)
when the zoom is dependent on the viewport.

I’m by no means an expert on this, so if you’re interested in the topic, there’s
a good discussion on this GitHub issue: [Feature for making text always fit the width of its parent](https://github.com/w3c/csswg-drafts/issues/2528)
that I recommend reading.

There are arguments that if you maintain a width legible enough then zooming may
not be an issue. My advice, however, is that you make sure that your text is able
to zoom in up to 2em in size for all screen widths (press cmd/ctrl +/- to test).

## Водгукі

На гэты плагін няма водгукаў.

## Удзельнікі і распрацоўшчыкі

“Fit To Width – CSS-only stretchy text” з’яўляецца праграмным забеспячэннем з адкрытым
зыходным кодам. Наступныя людзі ўнеслі свой уклад у гэты плагін.

Удзельнікі

 *   [ Kevin Batdorf ](https://profiles.wordpress.org/kbat82/)

[Перакласці “Fit To Width – CSS-only stretchy text” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/fit-to-width)

### Зацікаўлены ў распрацоўцы?

[Праглядзіце код](https://plugins.trac.wordpress.org/browser/fit-to-width/), праверце
[SVN рэпазітарый](https://plugins.svn.wordpress.org/fit-to-width/), або падпішыцеся
на [журнал распрацоўкі](https://plugins.trac.wordpress.org/log/fit-to-width/) па
[RSS](https://plugins.trac.wordpress.org/log/fit-to-width/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змяненняў

#### 0.2.0 – 2026-04-12

 * Modernize tooling: Biome, Playwright + WP Playground, updated deps.
 * Update CI workflows to use node lts/*.
 * Tested up to WordPress 7.0.

#### 0.1.0

 * Initial Release

## Мета

 *  Версія **0.2.0**
 *  Апошняе абнаўленне **1 месяц таму**
 *  Актыўных установак **30+**
 *  Версія WordPress ** 6.7 або вышэй **
 *  Правераны да версіі **7.1.2**
 *  Версія PHP ** 7.4 або вышэй **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/fit-to-width/)
 * Тэгі
 * [block](https://bel.wordpress.org/plugins/tags/block/)[creative](https://bel.wordpress.org/plugins/tags/creative/)
   [responsive text](https://bel.wordpress.org/plugins/tags/responsive-text/)[typography](https://bel.wordpress.org/plugins/tags/typography/)
 *  [Пашыраны прагляд](https://bel.wordpress.org/plugins/fit-to-width/advanced/)

## Ацэнкі

Пакуль яшчэ няма водгукаў.

[Ваш водгук](https://wordpress.org/support/plugin/fit-to-width/reviews/#new-post)

[Паглядзець усе водгукі](https://wordpress.org/support/plugin/fit-to-width/reviews/)

## Удзельнікі

 *   [ Kevin Batdorf ](https://profiles.wordpress.org/kbat82/)

## Падтрымка

Ёсць што сказаць? Патрэбна дапамога?

 [Перайсці да форуму падтрымкі](https://wordpress.org/support/plugin/fit-to-width/)