RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1602213
Accepted
Артем Никитин
Артем Никитин
Asked:2024-12-11 22:05:34 +0000 UTC2024-12-11 22:05:34 +0000 UTC 2024-12-11 22:05:34 +0000 UTC

标记两个块中的文本

  • 772

在此输入图像描述

大家好。请告诉我如何使文字看起来像上图一样?即,使所有段落都处于同一水平,无论填充如何

.info__text-column{
    display: flex;
}

.column__left{
    padding-right: 120px;
}

.info__text p{
    max-width: 480px;
    padding-bottom: 30px;
}

这是我能做到的唯一方法。我正在学习,但我找不到有关如何拉伸这个东西的信息

在此输入图像描述

html
  • 1 1 个回答
  • 42 Views

1 个回答

  • Voted
  1. Best Answer
    Danila
    2024-12-11T23:16:37Z2024-12-11T23:16:37Z

    您没有提供 HTML 标记,但从 CSS 来看,由于某种原因您创建了两列(左边的一列右侧也有填充)。事实上,所有段落都应该打包到一个包装器中,设置为 display: flex;弹性包裹:包裹; justify-content:间距,段落宽度应小于 50%:

    .about__box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .about__text {
      width: 46%;
    }
    <div class="about__box">
      <p class="about__text">
        Канарские острова не случайно называют европейскими Гавайями – это идеальное место для поклонников серфинга: стабильный
        теплый ветер круглый год, песчаные пляжи, километры нетронутых просторов и прозрачное море. А настоящей Меккой для
        серфингистов становится Фуэртевентура – второй по величине остров архипелага.
      </p>
      <p class="about__text">
        Пока что вы только хотите понять, что такое серфинг, или уже испытали всю прелесть катания на волнах, но желаете поднять
        свой уровень? Наша школа серфинга сможет предложить обучение для любого уровня подготовки.
    
      </p>
      <p class="about__text">
        Именно здесь лучшее в Испании место, в котором можно пройти обучение серфингу. Кроме того, что зимой и осенью сюда
        приходят огромные атлантические волны, Фуэртевентура может похвастать и множеством мелководных спокойных лагун, отлично
        подходящих для обучения начинающих серфингистов.
      </p>
      <p class="about__text">
        Четыре часа увлекательных занятий в день помогут вам уверенно покорять волны, почувствовать себя настоящим серфингистом.
      </p>
      <p class="about__text">
        Серфинг на Канарских островах доступен круглый год – и волны, и подходящая погода здесь есть всегда. Причем волну,
        подходящую по уровню, сможет найти и настоящий профи, и новичок. Не случайно считается, что именно это место лучше всего
        подойдет для обучения здесь возможно без сложностей переходить на новый уровень.
      </p>
      <p class="about__text">
        Основные достоинства нашей русской школы – высокое качество преподавания и организации занятий, безопасность (все наши
        клиенты застрахованы в компании Allianz), отличный инвентарь и экипировка (предоставляется на весь курс обучения), в том
        числе мягкие безопасные доски для начинающих.
      </p>
      <p class="about__text">
        Перечисляя достоинства, нельзя обойти и то, что пляжи Фуэртевентуры самые протяженные на Канарах. В итоге невозможно
        представить их переполненных туристами. Вы столкнетесь только с теми, кого,как и вас, будет интересовать одна цель –
        обучение серфингу.
      </p>
      <p class="about__text">
        Сначала мы определяем уровень катания и физической подготовки и только потом составляем программу подготовки. И можем
        заверить, что после того, как закончится обучение, вы не только получите массу великолепных ощущений, но и это уровень
        поднимется на новую ступень.
      </p>
    </div>

    • 1

相关问题

  • 具有非均匀背景的块内的渐变边框

  • 离开页脚

  • 如何将三个字段的数据收集到一封电子邮件中?

  • Html 元素刚从父元素中出来

  • 如何在css中制作这个背景?

  • 如何制作带有斜条纹的背景?

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5