авто ширина в браузере Chrome не работает

прошлой ночью я пошел на свой сайт и обнаружил, что ширина свойства css: auto в Chrome не работает ... что означает, что это не влияет на мой стиль css. Есть ли исправление, которое делает автоматическую заливку ширины текстом или изображением, как то, что раньше было в общей ширине свойства CSS?авто ширина в браузере Chrome не работает

Я пытался много решений, такие как добавление фиксированной ширины вместо этого, но это вызывает другие проблемы моделирования ...

любой идеи, что делать?

Update:

.userinfo_extra dl dt { 
 
    float: right; 
 
    display: block; 
 
    margin-right: 5px; 
 
} 
 
.userstats dt { 
 
    margin-left: 6px; 
 
} 
 
.userstats dd { 
 
    border: 1px dotted #EDEDED; 
 
    margin-left: 3px; 
 
} 
 
.userinfo_extra dl { 
 
    margin-right: 8px; 
 
    margin-left: 8px; 
 
    float: left; 
 
    min-width: 180px; 
 
    width: auto; 
 
    background: none repeat scroll 0 0 #FDFDFD; 
 
}

<div class="userinfo_extra fwidth"> 
 
    <dl class="userstats"> <dt>Join Date</dt> 
 
    <dd>Apr 2015</dd> <dt>Posts</dt> 
 
    <dd>210</dd> <dt>eval level</dt> 
 
    <dd id="reppower">10</dd> 
 
    <dd></dd> 
 
    </dl> 
 
</div>

This is the screenshot of what I'm trying to do. I want to make the whole code RTL instead of LTR direction

Это скриншот того, что я пытаюсь сделать. Я хочу сделать весь код RTL вместо направления LTR.

источник

2014-10-14 Digital site

Где ваш код? – Raptor

Вы должны показать нам, что вы пробовали до сих пор, или сделать демоверсию лучше. – Manwal

У меня есть множество кодов. Я приведу один из них в качестве примера. –

Вам не нужно оставлять поплавок в позиции вашего элемента dl, и вам необходимо убедиться, что ваш элемент dd-элемента rtl.

.userinfo_extra dt { /*don't need to left float dl element */ 
 
    float: left; 
 
    display: block; 
 
    margin-right: 5px; 
 
} 
 

 
.userstats dt { 
 
    margin-left: 6px; 
 
} 
 
.userstats dd { 
 
    border: 1px dotted #EDEDED; 
 
    margin-left: 3px; 
 
    direction: rtl; /*make dd element right to left direction */ 
 
} 
 
.userinfo_extra dl { /*don't need to left float dl element */ 
 
    margin-right: 8px; 
 
    margin-left: 8px; 
 
    min-width: 180px; 
 
    width: auto; 
 
    background: none repeat scroll 0 0 #FDFDFD; 
 
}

<div class="userinfo_extra fwidth"> 
 
    <dl class="userstats"> 
 
     <dt>Join Date</dt> 
 
     <dd>Apr 2015</dd> 
 
     <dt>Posts</dt> 
 
     <dd>210</dd> 
 
     <dt>eval level</dt> 
 
     <dd id="reppower">10</dd> 
 
    </dl> 
 
</div>

источник

2014-10-14 05:30:55 Shuping

Мне пришлось изменить направление поплавка влево и направление на ltr в **. Userstats dd ** для достижения того, чего я хочу. Спасибо за попытку. –

авто ширина в браузере Chrome не работает

ответ

Смежные вопросы