Условие для адаптированного блока

@Hadoukenlol · Регистрация: 03.07.2014

Студворк — интернет-сервис помощи студентам

Всем привет! как можно записать условие, чтобы блок на экранах мониторов был в 2 строки, а на устройствах с маленьким экраном выводился в 1 строку?
Вот вывод моего блока:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
<div id="philosophy<?php echo $rand; ?>" class="philosophy" >
      <?php $i=100; foreach ($items as $key => $value){ ?>
<div class="items animated" data-animation="bounceInUp" data-animation-delay="<?php echo $i = $i+200; ?>">       
<div><?php echo $value->introtext; ?></div>
          <?php 
            $arr_title = explode(',', $value->title);
            $arr_replace = array("(",")");
            $head1_title = str_replace($arr_replace,'',$arr_title[0]);
            $head2_title = str_replace($arr_replace,'',$arr_title[1]);
          ?>
</div>

вот таким образом я делаю, все его содержимое в 1 строку:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function () {
 $("#philosophy<?php echo $rand; ?>").carousel({
       // autoPlay: 5000,
        slideSpeed: 200,
        items: 3,
        itemsDesktop: [1199, 3],
        itemsDesktopSmall: [979, 3],
        itemsTablet: [768, 2],
        itemsMobile: [479, 1],
        autoHeight: true,
        /*pagination: true,*/
        navigation: true,
            navigationText: [
            "<i class='fa fa-angle-left'></i>",
            "<i class='fa fa-angle-right'></i>"
            ],
            //Call beforeInit callback, elem parameter point to $("#our-team")
        beforeInit: function (elem) {
            random(elem);
        }
 
    if(itemsDesktop.)
    });
});

Добавлено через 7 минут
Проблема заключается в том, что у меня есть 6 элементов, которые начинают скроллиться, если они не влезают в экран, а как мне можно сделать так, чтобы они переносились на новую строку?

@koza4ok · 23.09.2014, 12:04

добавте тег <br> для переноса.

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	23.09.2014, 12:04
	добавте тег <br> для переноса. 0