Когда граница на 1 пкс будет добавлена к отделению, увеличениям размера Отделения, не хотите делать это

По щелчку я добавляю, граница на 1 пкс отделению, таким образом, увеличения размера Отделения на 2 пкс X 2 пкс. Я не хочу увеличивать размер отделения. Там какой-либо простой путь состоит в том, чтобы сделать так?

Грязное подробное объяснение
На самом деле я добавляю ОТДЕЛЕНИЯ с float:left (тот же размер, как значки) контейнерному отделению, таким образом, все стеки один за другим, и когда (ширина контейнерного отделения составляет 300 пкс) никакое пространство, оставленное мудрым шириной так дочерние ОТДЕЛЕНИЯ, не прибывает в следующую строку, таким образом, как каталог, но из-за границы только выбрал размер DIV, увеличены, DIV под выбранным DIV идет для исправления и создает вакуум ниже, выбрал DIV.

Править:
Уменьшение Высоты/Ширины на выборе, но как увеличить его назад. Используя некоторую стороннюю платформу, не имейте события, когда DIV потеряет выбор..

108
задан Cœur 15 April 2017 в 17:03
поделиться

4 ответа

Свойство border css увеличит "внешний" размер всех элементов, кроме tds в таблицах. Вы можете получить визуальное представление о том, как это работает в Firebug (discontinued), на вкладке html->layout.

В качестве примера, div с шириной и высотой 10px и границей 1px, будет иметь внешнюю ширину и высоту 12px.

Для вашего случая, чтобы создать впечатление, что граница находится "внутри" div, в выбранном вами CSS классе, вы можете уменьшить ширину и высоту элемента на двойной размер границы, или вы можете сделать то же самое для элементов padding.

Eg:

div.navitem
{
    width: 15px;
    height: 15px;
    /* padding: 5px; */
}

div.navitem .selected
{
    border: 1px solid;
    width: 13px;
    height: 13px;
    /* padding: 4px */
}
49
ответ дан 24 November 2019 в 03:26
поделиться

Просто уменьшите ширину и высоту вдвое больше ширины границы

6
ответ дан 24 November 2019 в 03:26
поделиться

перед щелчком установите на нем границу того же цвета, что и фон.

Затем, когда вы щелкните, просто измените цвет фона, а ширина не изменится.

42
ответ дан 24 November 2019 в 03:26
поделиться

Попробуйте уменьшить размер полей, когда вы увеличиваете границы

2
ответ дан 24 November 2019 в 03:26
поделиться