Title: Fit To Width – CSS-only stretchy text
Author: Kevin Batdorf
Published: <strong>25 augusts, 2025</strong>
Last modified: 12 aprīlis, 2026

---

Meklēt spraudņus

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

# Fit To Width – CSS-only stretchy text

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

[Lejupielādēt](https://downloads.wordpress.org/plugin/fit-to-width.0.2.0.zip)

 * [Sīkāka informācija](https://lv.wordpress.org/plugins/fit-to-width/#description)
 * [Atsauksmes](https://lv.wordpress.org/plugins/fit-to-width/#reviews)
 *  [Uzstādīšana](https://lv.wordpress.org/plugins/fit-to-width/#installation)
 * [Attīstība](https://lv.wordpress.org/plugins/fit-to-width/#developers)

 [Atbalsts](https://wordpress.org/support/plugin/fit-to-width/)

## Apraksts

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.

## Ekrānuzņēmumi

 * [[
 * An example of the text next to a cool dog

## Bloki

Šis spraudnis nodrošina 1 bloku.

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

## Uzstādīšana

 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

## BUJ

### 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).

## Atsauksmes

Par šo spraudni nav atsauksmju.

## Autori un izstrādātāji

“Fit To Width – CSS-only stretchy text” ir atvērtā pirmkoda programmatūra. Šo spraudni
ir veidojuši šādi cilvēki.

Līdzdalībnieki

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

[Tulkot “Fit To Width – CSS-only stretchy text&#8221 savā valodā.](https://translate.wordpress.org/projects/wp-plugins/fit-to-width)

### Vai jūs interesē attīstība?

[Pārlūkojiet kodu](https://plugins.trac.wordpress.org/browser/fit-to-width/), apmeklējiet
[ SVN krātuvi ](https://plugins.svn.wordpress.org/fit-to-width/)vai abonējiet[ attīstības žurnālu](https://plugins.trac.wordpress.org/log/fit-to-width/),
ko izveidojis [RSS](https://plugins.trac.wordpress.org/log/fit-to-width/?limit=100&mode=stop_on_copy&format=rss).

## Izmaiņu žurnāls

#### 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

## Meta

 *  Versija **0.2.0**
 *  Pēdējo reizi atjaunots: **pirms 4 nedēļas**
 *  Aktīvās instalācijas: **30+**
 *  WordPress versija ** 6.7 vai jaunāka **
 *  Pārbaudīts līdz: **7.0**
 *  PHP versija ** 7.4 vai jaunāka **
 *  Valoda
 * [English (US)](https://wordpress.org/plugins/fit-to-width/)
 * Birkas:
 * [block](https://lv.wordpress.org/plugins/tags/block/)[creative](https://lv.wordpress.org/plugins/tags/creative/)
   [responsive text](https://lv.wordpress.org/plugins/tags/responsive-text/)[typography](https://lv.wordpress.org/plugins/tags/typography/)
 *  [Papildu skats](https://lv.wordpress.org/plugins/fit-to-width/advanced/)

## Vērtējumi

Vēl nav iesniegta neviena atsauksme.

[Your review](https://wordpress.org/support/plugin/fit-to-width/reviews/#new-post)

[Skatīt visas atsauksmes](https://wordpress.org/support/plugin/fit-to-width/reviews/)

## Līdzdalībnieki

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

## Atbalsts

Jums ir kaut kas ko teikt? Vajadzīga palīdzība?

 [Skatīt atbalsta forumu](https://wordpress.org/support/plugin/fit-to-width/)