Вопросы Теги

Как я заставляю <литий> с элементами блока находиться друг около друга?

Я хочу импортировать в свою программу на python только некоторые поля файла JSON, состоящие из строк следующего типа:

blockquote>

Не уверен, понял ли я, что вы подразумеваете под 'import 'файл JSON, но я предполагаю, что вы хотели извлечь подмножество файла JSON и сохранить его как локальную переменную

Если это так, ваш фрагмент кода с использованием модуля json по умолчанию не слишком далек. Json.load() функция возвращает данные json в словарь Python. Зная это, нам просто нужно немного изменить способ извлечения данных из словаря python

Перед тем, как мы начнем, я сохранил ваш файл JSON как «data.json» 

import json
with open(r'data.json') as jsonfile:
     data = json.load(jsonfile) # you had it right up to here
     data_import = [data['business_id'],data['name'],data['categories']] #creating local variable

Поскольку вы уже импортируете из словаря JSON / python, создание словаря Python в качестве локальной импортируемой переменной является еще одним хорошим способом поддержания чистоты данных 

import json
with open(r'data.json') as jsonfile:
     data = json.load(jsonfile)
     data_import = {}
     data_import['business_id'] = data['business_id']
     data_import['name'] = data['name']
     data_import['categories'] = data['categories']
11
задан George Kagan 6 November 2016 в 19:30
поделиться

8 ответов

Я просто добавил это к Вашей CSS:

ul .section-children li.layout {
    display : inline-block;
}

К сожалению, я не знаю, как хорошо поддерживаемый встроенный блок в наше время.

7
ответ дан 3 December 2019 в 06:48
поделиться 
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
8
ответ дан 3 December 2019 в 06:48
поделиться

В Вашем <UL> отметьте используют атрибут CSS "список-style:none;" и в <li> отметьте используют атрибут CSS "display:inline"; необходимо будет играть вокруг с дополнением и полем, чтобы заставить его выглядеть хорошим, но те два атрибута получат Вас на Вашем пути. Поскольку лучший пример видит мой Некоммерческий веб-сайт: Технически Изучение

3
ответ дан 3 December 2019 в 06:48
поделиться

Как насчет этого:

.layout { float: left; width: 50%; margin: 0; border: 0; padding: 0; /* background: transparent */ }
* html .layout { display: inline } /* IE margin hack */
.field { clear: both }
0
ответ дан 3 December 2019 в 06:48
поделиться

да использование display:block было бы невозможно заставить их находиться друг около друга если, если Вы попытались бы указать ширину для каждого из них, но если это так просто использовать display:inline

0
ответ дан 3 December 2019 в 06:48
поделиться

Просто альтернатива использованию встроенных элементов начиная с IE имела историю дополнения проблем со встроенным:

.layout-children:after
{
  content: "";
  display: block;
  height: 0px;
  clear: both;
}

.layout-children .field
{
  float: left;
}
0
ответ дан 3 December 2019 в 06:48
поделиться

Используя inline или inline-block будет только проблемой. Это - намного лучшая идея использовать плавания, как @Dmitry Z предположил (но без граничного взлома, который не необходим).

0
ответ дан 3 December 2019 в 06:48
поделиться

Простое плавание: оставленный будет работать (с незначительной корректировкой к ширине)

li {
    margin: .5em 1em;
    padding: .1em;

    font-family: sans-serif;
    list-style-type: none;
    border: 1px #666 solid;
    float: left;
}
#layout-section {
    width: 85%;
}
0
ответ дан 3 December 2019 в 06:48
поделиться