Я не уверен, чего вы хотите достичь, но в этом случае просто добавление width: 100%;
к вашему ul#slideshow li
сделает трюк.
Тег img
- это элементы встроенного блока. Это означает, что они текут как встроенный текст, но также имеют ширину и высоту, подобные элементам блока. В вашем css есть два правила text-align: center;
, применяемые к и к
#slideshowWrapper
(что является избыточным btw), что делает все дочерние элементы inline и inline-block центрированными в своих ближайших элементах блока, в вашем коде это теги li
. Все элементы блока имеют width: 100%
, если они являются статическим потоком (position: static;
), который по умолчанию. Проблема в том, что когда вы указываете li
теги на position: absolute;
, вы вынимаете их из нормального статического потока, и это заставляет их сжимать свой размер, чтобы просто соответствовать их внутреннему контенту, другими словами, они вроде как «теряют», их свойство width: 100%
.
Используйте атрибут CLSCompliant . Это гарантирует, что ваш код будет CLS-совместимым во время компиляции.
Как это:
module myProject.AssemblyInfo
open System
[<assembly: CLSCompliant(true)>]
do()
Источник: Mike-Ward.Net: Learning F # Атрибуты уровня сборки
Для более полного обсуждения атрибута CLSCompliant см. C # Corner: создание вашего кода CLS Compliant