Las propiedades soncolumn-count ycolumn-width.
La primera permite definir en cuántas columnas queremos que se divida el texto de determinada capa y la segunda, el ancho de cada una. Son dos propiedades que normalmente se usarán de manera alternativa, ya que mientrascolumn-count hace invariable la cantidad de columnas,column-width lo que fija es el ancho mínimo de cada columna, ajustando el número de columnas en función del espacio disponible. Esto que parece un poco un trabalenguas, quizás se vea mejor probando a ensanchar y a encoger la ventana deeste ejemplo, en el cual se han introducido los dos tipos de propiedades.
Complementariamente disponemos de dos propiedades más que permiten especificar el espacio entre columnas (column-gap), así como introducir una línea vertical de división (column-rule).
Como es habitual, ahora falta que los distintos navegadores vayan incorporando estas propiedades para facilitarnos el asunto a los que nos dedicamos a teclear código, pero de momento, para Firefox, Chrome y Safari, ya podemos hacer uso de los prefijos -moz- y -webkit- para que la cosa funcione.
-moz-column-width: 200px;
-moz-column-gap: 20px;
-moz-column-rule: 1px dashed #000000;
-webkit-column-width: 200px;
-webkit-column-gap: 20px;
-webkit-column-rule: 1px dashed #000000;
text-align:justify;
}
La inserción del código anterior en nuestro CSS, servirá para definir columnas de 200px de ancho, con una separación entre columnas de 20px y una línea discontinua negra de 1px de separación, además de que el texto salga justificado dentro de dichas columnas.
El definir anchos de columna fijo hará que en diseños deancho de página variable, el número de columnas se ajuste al espacio de ventana disponible. Ventanas de algo más de 800px darán lugar a cuatro columnas en el ejemplo, pero cuando la ventana se reduzca, las columnas se irán estrechando hasta un mínimo de 200px para cada una, momento a partir del cual se reformateará todo con una columna menos. Si fuéramos ampliando la ventana, pasaría a la inversa y en el momento en que cupiera una quinta columna de 200px, se pasaría a mostrar el texto en cinco columnas. Esto es lo que se puede apreciar en la parte superior del susodichoejemplo.
-moz-column-count: 4;
-moz-column-gap: 20px;
-moz-column-rule: 1px dashed #000000;
-webkit-column-count: 4;
-webkit-column-gap: 20px;
-webkit-column-rule: 1px dashed #000000;
text-align:justify;
Este otro código en el que sólo cambia la primera propiedad, hace que invariablemente se muestren cuatro columnas, cambiando su anchura a medida que vayamos haciendo más grande o más pequeña la ventana del navegador. Es lo que se puede ver en la parte inferior del mismoejemplo.
La forma de aplicarlo es simplemente mediante la aplicación de la clase correspondiente al texto:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, etc.
/div
Esto facilita bastante las cosas ¿no?
Online casino Mobile casino Donate Your Car Sacramento best mesothelioma lawyers WordPress themes for designers MORTGAGE ADVISER bowne virtual data room Casino reviews DONATE YOUR CAR FOR MONEY Casino PAPERPORT PROMOTIONAL CODE PHD IN COUNSELING EDUCATION Home Phone Internet Bundle Donate Car for Tax Credit Email Bulk Service miami personal injury lawyer MET AUTO Criminal Defense Attorneys Florida mesothelioma information criminal defense federal lawyer personal injury lawyer sarasota fl workers compensation lawyer los angeles emergency response plan ppt structured settlement sell Insurance Social media management tennessee mesothelioma lawyer MASSAGE SCHOOL DALLAS TEXAS DONATE A CAR IN MARYLAND Social media examiner houston motorcycle accident lawyer sell structured settlement calculator Donate car to charity California Massage school Dallas Texas Personal Injury Law Firm Asbestos Lawyers lease management software Psd to html Service business software Html email SELL ANNUITY PAYMENT Data Recovery Raid Motor Replacements DONATE OLD CARS TO CHARITY Donate cars Illinois Best Seo company WordPress hosting Best social media platforms Donating a car in Maryland Virtual Data Rooms selling annuity payments for cash mesotheloma PHD on Counseling Education domain name yahoo Automobile Accident Attorney Make money online Australia Hire php programmers mesotheliama alcohol rehab center in florida Hire php developers business voice mail service Live casino Hire php developer Social media campaigns Car Insurance Quotes Utah email bulk service Criminal lawyer DONATE CAR FOR TAX CREDIT DUI lawyer selling annuity Italian cooking school Low credit line credit cards DONATE CARS ILLINOIS Dwi lawyer Seo services Adobe illustrator classes Business finance group Social media tools WebEx costs injury lawyer houston tx Structures Annuity Settlement Criminal defense lawyer att call conference CHEAP CAR INSURANCE IN VIRGINIA Php programmers for hire CAR INSURANCE QUOTES PA NUNAVUT CULTURE alabama mesothelioma lawyer purchase structured settlements HOLLAND MICHIGAN COLLEGE Bankruptcy lawyer st louis mesothelioma attorney Computer science classes online car insurance quotes donate your car for kids Motor Insurance Quotes Donate Your Car for Kids mesothelioma lawyer california Php programmers Online Christmas cards Health Records Personal Health Record Seo companies Best social media platforms for business HOME PHONE INTERNET BUNDLE car accident lawyers los angeles mesothelioma ct broward county dui lawyer New social media platforms Massage School Dallas Texas motor insurance quotes CHEAP DOMAIN REGISTRATION HOSTING Social media platforms for business illinois mesothelioma lawyer futuristic architecture Online Criminal Justice Degree hair removal washington dc Business VOIP Solutions WEBEX COSTS Donate Cars Illinois Custom WordPress theme designer mesothelioma attorney assistance uk homeowner loans Car insurance quotes MN structured settlement buyer online criminal justice degree Business management software mesothelioma personal injury lawyers Seo company illinois law lemon Custom Christmas cards Personal Injury Lawyer Photo Christmas cards Met Auto donate your car for money Learning adobe illustrator Asbestos Lung Cancer HOW TO DONATE A CAR IN CALIFORNIA Proud Italian cook Psd to WordPress PhD in counseling education Online Classes attorney lawyer mesothelioma motorcycle accident attorney chicago accident attorney orange county Tech school Social media platforms Christmas cards Life insurance co Lincoln How to Donate A Car in California meso lawyer pharmacist jobs in chicago Low Credit Line Credit Cards Royalty Free Images Stock california law lemon mesothelioma claim Donate a car in Maryland Futuristic Architecture WordPress theme designers online motor insurance quotes personal injury accident lawyer Social media strategies buying an annuity calculator business voip solutions asbestos mesothelioma lawsuit motorcycle accident lawyer san diego Psychic for Free structured settlement purchasers Best Criminal Lawyers in Arizona mesothelioma settlement amounts Mesothelioma Law Firm lawsuit mesothelioma Donate Car to Charity California cheaper insurance companies CAR INSURANCE QUOTES UTAH home phone internet bundle mesothelioma claims car donate Donate Cars in MA adverse remortgage Donate your car for kids mesothelioma lawyer texas car crash attorneys MESOTHELIOMA LAW FIRM offshore accident lawyer Cheap Auto Insurance in VA CAR ACCIDENT LAWYERS car accident lawyers Sell Annuity Payment Nunavut Culture integrated ehr google affiliate criminal defense attorneys florida Car Insurance Quotes Colorado Annuity Settlements ASBESTOS LAWYERS Dayton Freight Lines cheap domain registration hosting Car Insurance in South Dakota Hard drive Data Recovery Services asterisk call center software Donate a Car in Maryland CRIMINAL DEFENSE ATTORNEYS FLORIDA Online Motor Insurance Quotes Cheap Domain Registration Hosting Donating a Car in Maryland Cheap car insurance in Virginia canada personals yahoo donate car for tax credit BETTER CONFERENCING CALLS Cheap Car Insurance in Virginia
