Пользовательское расположение divs внутри html-файла?

#html #css

#HTML #css

Вопрос:

Я ищу лучшую стратегию для пользовательского расположения divs внутри HTML-файла?

Пытаюсь создать панель мониторинга с графиками и другими входными данными, но я ищу, чтобы эти визуальные элементы были размещены по умолчанию вокруг центрального изображения. До сих пор я только что смог разместить их внутри предопределенной сетки.

пример

Заранее благодарю вас

Ответ №1:

Я не большой поклонник этого типа оформления, однако есть кое-что, что вы могли бы попробовать:

 .div1{ //the class of your div
    postion: absolute;
    top: 25%; //this is the margin percentage from the top
    left: 60%; //this is the margin percentage from the left
    z-index: 10;
}
  

Это не совсем надежное решение, но оно разместит divs там, где вы хотите, на странице относительно верха и слева.

Комментарии:

1. Есть ли лучший (или более рекомендуемый) способ достижения этого?