html - Is it possible to shrinkwrap wrapped contents? -


If you use & lt; Span & gt; tag and it will be display: inline-block , then the container compressed contents , until content will not wrap on many lines , in that case only the width of the container is omitted, is there any way to shrink a wrapped material up to 100%? Here is my code ():

HTML

  & lt; Span class = "wrapper" & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; A href = "#" square = "block" & gt; & Lt; / A & gt; & Lt; / Span & gt; Line   

CSS

  .block {display: inline-block; Width: 100px; Height: 100 pixels; Background: blue; }. Wiper {display: inline-block; Border: Solid 1px black; }    

Try this CSS:

  .block {display: inline-block; Minimum-width: 100px; / * Span / Div * / width fixed minimum width: 19.5%; / * Exm: 5 blocks = 20% (19.5% to give space) depending on how many boxes in 1 row * / height: 100px; Background: blue; }    

Comments

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -