Стрелка сводки не центрирована по содержимомуCSS

Разбираемся в CSS
Ответить
Anonymous
 Стрелка сводки не центрирована по содержимому

Сообщение Anonymous »

Я использую html-гаджет summary/details для отображения серии событий.
Вот упрощенный код (удалена вся логика рельсов/erb)


.eventscreen {
display: flex;
flex-direction: column;
width: 100%;
margin: 1em;
padding: 1em;
gap: 1em;
details {
justify-self: center;
table {
display: inline;
table-layout: auto;
width: 70%;
}
td {
border-right: 1px solid;
text-align: center;
}
}
summary {
font-style: italic;
}
details[open] {
padding: 0.5em;
}
details[open] summary {
border-bottom: 1px solid #733030;
margin-bottom: 0.5em;
}
}





name
address
date




descr






name
address
date




descr






Также я хочу заменить стрелку значком PNG. Я попытался удалить его с помощью этого, но это не имеет никакого эффекта (в Chrome):
summary::-webkit-details-marker {display: none;}


Подробнее здесь: https://stackoverflow.com/questions/792 ... he-content
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»