Title: Fit To Width – CSS-only stretchy text
Author: Kevin Batdorf
Published: <strong>25 آگوست 2025</strong>
Last modified: 1 دسامبر 2025

---

جستجوی افزونه‌ها

![](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.1.0.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/fit-to-width/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/fit-to-width/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/fit-to-width/#installation)
 * [توسعه](https://fa.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

## بلوک‌ها

این افزونه 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)

### علاقه‌ مند به توسعه هستید؟

[Browse the code](https://plugins.trac.wordpress.org/browser/fit-to-width/), check
out the [SVN repository](https://plugins.svn.wordpress.org/fit-to-width/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/fit-to-width/) by
[RSS](https://plugins.trac.wordpress.org/log/fit-to-width/?limit=100&mode=stop_on_copy&format=rss).

## گزارش تغییرات

#### 0.1.0

 * Initial Release

## اطلاعات

 *  نگارش **0.1.0**
 *  Last updated **4 ماه پیش**
 *  نصب‌های فعال **20+**
 *  نگارش وردپرس ** 6.7 یا بالاتر **
 *  Tested up to **6.8.5**
 *  نگارش PHP ** 7.4 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/fit-to-width/)
 * Tags
 * [block](https://fa.wordpress.org/plugins/tags/block/)[creative](https://fa.wordpress.org/plugins/tags/creative/)
   [responsive text](https://fa.wordpress.org/plugins/tags/responsive-text/)[typography](https://fa.wordpress.org/plugins/tags/typography/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/fit-to-width/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

[Your review](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/)