Не работает свойство display

@lyovsm66 · Регистрация: 31.08.2016

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

После значения list-item,маркер никак не появляется

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style text="text/css">
p{
    display:list-item;
}
</style>
<meta charset="utf-8">
</head>
<body>
<p>Это параграф первый</p>
<p>Это параграф второй</p>
</body>
</html>

@monochromer · 03.09.2016, 12:06

Просто маркер обрезается границами области просмотра

CSS
1
2
3
4
p {
  display:list-item;
  list-style-position: inside;
}

Лучше, конечно, использовать настоящие списки.

@boilzzz · 03.09.2016, 12:07

lyovsm66,

CSS
1
2
3
4
p{
    display:list-item;
    list-style-position: inside;
}

@lyovsm66 · 03.09.2016, 21:53 **[ТС]**

boilzzz, monochromer, скажите пожалуйста, а почему маркеры появляются, когда параграф находится в blockquote-е, а когда я сдвигаю текст параграфа с помощью text-indent, маркеров снова нету ( все это конечно без inside )

@monochromer · 04.09.2016, 11:09

lyovsm66, потому что у blockquote, как и у ul, есть по-умолчанию отступы.

@lyovsm66 · 05.09.2016, 00:17 **[ТС]**

monochromer, прости конечно за назойливость, но text-indent ведь тожде устанавливает отступ. А маркер все равно не появляется

@monochromer · 05.09.2016, 10:56

lyovsm66, нужно разобраться, как работает list-style-position, где появляются маркеры относительно блока. Я сделал малую ширину и залил цветом родительский блок для наглядности.

HTML5
1
2
3
4
    <div class="list">
      <p>Это параграф первый</p>
      <p>Это параграф второй</p>
    </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.list {
  margin: 0 auto;
  max-width: 320px;
  background: #39f;
  color: #fff;
}
 
p {
  color: #000;
  display:list-item;
  /* по умолчанию */  
  list-style-position: outside;
  /* list-style-position: inside; */
  text-indent: 30px;
}

http://jsbin.com/bevuya/edit?html,css,output

@boilzzz · 05.09.2016, 15:04

lyovsm66,

Сообщение от lyovsm66

но text-indent ведь тоже устанавливает отступ

Есть 2-а вида отступов, внешний и внутренний. text-indent задает внутренний отступ. С таким же успехом можно задать
padding-left. А если вы зададите margin, начиная с маленького, то вы увидите что маркеры начнут появляться. Как говорили выше

Сообщение от monochromer

Просто маркер обрезается границами области просмотра

@lyovsm66 · 05.09.2016, 18:12 **[ТС]**

boilzzz, monochromer, большое спасибо. теперь все понятно стало, а то мучился день 3 уже

@monochromer · 05.09.2016, 20:23

Сообщение от boilzzz

text-indent задает внутренний отступ. С таким же успехом можно задать
padding-left

Вообще-то, у text-indent и padding-left разные предназначения.
Можете демку посмотреть и увидеть, чем отличаются - http://jsbin.com/kabafof/edit?html,css,output

HTML5
1
2
<p class="text">...</p>
<p class="pad">...</p>

CSS
1
2
3
4
5
6
7
.text {
  text-indent: 60px;
}
 
.pad {
  padding-left: 60px;
}

@boilzzz · 05.09.2016, 23:26

monochromer, Я вообщем обрисовал ситуацию и сравнил ее для более понятного объяснения.

Новые блоги и статьи Все статьи Все блоги /
Инструменты 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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@lyovsm66 0 / 0 / 0 Регистрация: 31.08.2016 Сообщений: 19
	03.09.2016, 21:53 [ТС]
	boilzzz, monochromer, скажите пожалуйста, а почему маркеры появляются, когда параграф находится в blockquote-е, а когда я сдвигаю текст параграфа с помощью text-indent, маркеров снова нету ( все это конечно без inside ) 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	04.09.2016, 11:09
	lyovsm66, потому что у blockquote, как и у ul, есть по-умолчанию отступы. 0

@lyovsm66 0 / 0 / 0 Регистрация: 31.08.2016 Сообщений: 19
	05.09.2016, 00:17 [ТС]
	monochromer, прости конечно за назойливость, но text-indent ведь тожде устанавливает отступ. А маркер все равно не появляется 0

@lyovsm66 0 / 0 / 0 Регистрация: 31.08.2016 Сообщений: 19
	05.09.2016, 18:12 [ТС]
	boilzzz, monochromer, большое спасибо. теперь все понятно стало, а то мучился день 3 уже 0

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,057
	05.09.2016, 23:26
	monochromer, Я вообщем обрисовал ситуацию и сравнил ее для более понятного объяснения. 0

Не работает свойство display

Решение