7
Zastosowałem kolor tła do linków na mojej liście krajów. To działa dobrze w ogóle:Przepełnienie dla koloru tła tekstu
Jednakże dla krajów, które mają dłuższe nazwy, to nie działa bardzo dobrze.
Próbuję zrobić żółty kolor przepełnienia wszystko i pokazać pełną nazwę kraju wyraźnie.
HTML:
<div class="flagList">
<div class="flagColumn"> ... </div>
<div class="flagColumn"> ... </div>
<div class="flagColumn"> ... </div>
...
</div>
CSS:
.flagColumn {
width: 33%;
float: left;
border:0px solid;
height:1.6em;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
z-index: 1; position:relative;
}
.flagColumn:hover {
overflow:visible;
z-index: 2; position:relative;
display: inline;
background-color:yellow;
}
będzie Proponuję używać tabel HTML. Poprawnie sformatują wiersze i kolumny. Tabele będą również dobrze sformatowane. Przeczytaj ten samouczek, aby rozpocząć: [link] (http://www.w3schools.com/html/html_tables.asp) – zaingz