Html 我如何使有完美线条的文本始终位于行尾?

Html 我如何使有完美线条的文本始终位于行尾?,html,css,bootstrap-4,less,Html,Css,Bootstrap 4,Less,我正在尝试创建一个列,其中的文本完全符合行尾,但我似乎无法让它工作。我也尝试过搜索它,但没有找到解决这个问题的方法 我需要文本在专栏末尾结束,就像这个网页一样: 我试图通过设置“最大宽度”来实现此效果: .article-maxwidth{ max-width: 40vw; } 但这是非常不准确的。我还试着以w-75为例进行设置,结果再次证明这是非常不准确的。我注意到网页上不知怎么设置了空格。如果文本不够长,页面将填充更大的空间,以某种方式将文本推到列的末尾 以下是我正在尝试编写的当前代

我正在尝试创建一个列,其中的文本完全符合行尾,但我似乎无法让它工作。我也尝试过搜索它,但没有找到解决这个问题的方法

我需要文本在专栏末尾结束,就像这个网页一样:

我试图通过设置“最大宽度”来实现此效果:

.article-maxwidth{
  max-width: 40vw;
}
但这是非常不准确的。我还试着以w-75为例进行设置,结果再次证明这是非常不准确的。我注意到网页上不知怎么设置了空格。如果文本不够长,页面将填充更大的空间,以某种方式将文本推到列的末尾

以下是我正在尝试编写的当前代码:

<div class="wrapper container-fluid shorter">
        <div class="blog-body article-maxwidth">

            <h5 class="main-title">Jak postavit dům levně aneb proč jsou typové domy tak levné</h5>
            <p class="author"><i class="fas fa-pen-fancy"></i> Realitní tržnice</p>

            <p>Velmi často, když s někým řeším cenu stavby dochází na druhé straně k zděšení, jak je možné, že domy co navrhujeme jsou tak drahé. Ano všichni jsou často nadopovaní marketingovými steroidy, které na ně firmy prodávající typové projekty nebo typové domy chrlí.</p>

            <div class="image">
                <a href="images/5.jpg" data-rel="lightcase">
                    <img src="images/5.jpg" alt="Exotická kuchyně">
                </a>
                <span class="title">Exotická kuchyně</span>
            </div>

            <h2>Dlouhá cesta do ráje</h2>
            <p>Letiště v Bangkoku je krokem z komfortní zóny pro všechny, kdo se bojí sednout do letadla. Let do vysněného ráje trvá kolem 12 hodin s minimálně jedním přestupem v některé z evropských metropolí.    O přímé lince z Prahy do Bangkoku se    zatím pouze mluví, ale zdá se, že bychom se jí mohli v dohledné dočkat. Aby byla trasa pro letecké společnosti zajímavá z finančního hlediska, je nutné, aby ji využilo alespoň 30 000 cestujících    ročně, a to naše republika s přehledem    splňuje.</p>

            <div class="image">
                <a href="images/2.jpg" data-rel="lightcase">
                    <img src="images/2.jpg" alt="Thajské pláže">
                </a>
                <span class="title">Thajské pláže</span>
            </div>

            <h2>Svobodně dýchejte</h2>
            <p>Kdysi se tahle země jmenovala Siam, což v překladu znamená „svoboda“. A svobodně se tu budete cítit i dnes. Své si tu najde milovník pulsujících velkoměst, který zaplesá nad svítícím a rušným    Bangkokem, ale i obdivovatelé panenské    přírody, národních parků s pralesy a vodopády nebo sněhobílých pláží. A až se unavíte sledováním okolních krás, pohodlně se usaďte a nechte si naservírovat cokoliv ze zdejší kuchyně. Vyhlášená je    po celém světě, ale můžeme vám    zaručit, že takové dobroty jako tady mimo území Thajska neochutnáte.</p>

            <!--<div class="image"><a href="blog/4/3.jpg" data-rel="lightcase"><img src="blog/4/6.jpg" alt="Taxi"></a></div>  <span class="title">Taxi</span> -->

            <h2>Kde složit hlavu</h2>
            <p>Zvlášť v hlavní sezóně, která trvá od listopadu do března, je radno domluvit si ubytování předem. Jestli toužíte po komfortu a hýčkání, zaměřte se na čtyřhvězdičkové rezorty. Za noc v nich    zaplatíte řádově méně než u nás a můžete se    spolehnout, že servis bude perfektní. Ubytování dokážete najít i na místě, ale obrňte se trpělivostí.</p>

            <div class="image">
                <a href="images/4.jpg" data-rel="lightcase">
                    <img src="images/4.jpg" alt="Noční ulice">
                </a>
                <span class="title">Noční ulice</span>
            </div>

            <h2>Vzpomínky na celý život</h2>
            <p>Ať zvolíte jakýkoliv typ svého pobytu v Thajsku, můžete se spolehnout, že vás ve všech ohledech nadchne. Výstražný prst bychom zvedli jen v jednom případě, a to jsou drogy. Jejich držení a    užívání je trestné a cizinci bývají snadným    terčem jak drogové mafie, tak policie.</p>

        </div>
</div>

雅克·波斯塔维特·德尼姆·莱文·阿内布·普罗切索的印刷类型

Realitnítržnice

韦尔米查斯托、克迪内斯·恩科姆·塞努·斯塔维比·多查扎纳·德鲁赫·斯特兰克·兹德雷尼、杰杰·莫扎尼、多米公司纳瓦胡杰姆·德拉赫。Ano všichni jsoučasto Nadopovaniímarketingovými steroidy,kteréna něfirm prodávajícítypovéprojekty nebo typovédomy chrí

Exottickákuchyně 德卢瓦切斯塔·多拉杰 Letištěv Bangkoku je krokem z komfortnízóny pro vštechnoy,kdo se bojísednout do letadla。让我们一起来看看vysněného ráje trvákolem 12 hodin s minimáln jedním přestupem v některéz evropských metropolí。O přímélince z Prahy do Bangkoku se zatím pouze mluví,ale zdáse,že bychom se jímohli v dohlednédočkat。阿比·特拉萨·普莱塞斯波尔·诺斯蒂·扎伊马瓦斯·菲南尼奥·赫莱迪斯卡、耶·努特纳、阿比·吉维尤ž伊洛·阿莱斯波3万人,一个到纳什共和国的普莱登·斯普莱杰

塔斯克佩拉že 斯沃博德涅切特 在泰国,科西亚夫·埃克拉杜·兹纳梅纳·斯沃博达“A.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.s.必要的我是naservírovat cokoliv ze zdejškuchyně。Vyhlšenáje po cel m světě、ale můſeme vám zaručit、že takovédobroty jako tady mimoúzemíThajska neochutn te

Kde složit hlavu (357)该村村的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点,该村的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点的居民点kážete najít i纳米斯特,阿尔·奥布雷·特尔普·利沃斯蒂

不,不 Vzpomínky na celýživot 阿兹沃利特·雅克科利夫是波比图诉塔斯库案的典型代表,他是斯波列赫努特,他是奥赫勒德奇·纳奇尼。施特拉·恩帕斯特·比乔姆·兹维德利诉杰德诺姆·帕德·多吉。杰吉奇·德雷尼亚·乌伊奇·维尼耶·西辛奇·瓦杰姆·德尼·塔克姆·马菲德·塔克姆·马夫


有人知道我该如何做到这一点吗?有没有深入解释此问题的文档?谢谢您的建议。

您可以添加
文本对齐:对齐
,以使文本在此处中断

.article{
显示:块;
宽度:40%;
高度:自动;
填充:10px;
背景颜色:浅灰色;
颜色:黑色;
文本对齐:对齐;
}

知识,知识,知识,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧


您可以添加
文本对齐:对齐
以使文本在该位置中断

.article{
显示:块;
宽度:40%;
高度:自动;
填充:10px;
背景颜色:浅灰色;
颜色:黑色;
文本对齐:对齐;
}

知识,知识,知识,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧,智慧


你在找这个属性吗?你能设置p{text align:justify;}天哪,伙计们,就是这样!谢谢lol。这太容易了,以至于没人想到有人会愚蠢地在text align中错过这个选项。我合法地使用了数百万次,对此一无所知!:你敢找这个属性吗?你能设置p吗{text align:justify;}天哪,伙计们,就是这样!谢谢,哈哈。这太简单了,没人想到有人会愚蠢到错过text align中的这个选项。我合法地使用了数百万次,对此一无所知!:D