Question 273438 in PHP Question posted in
Official manual can be found here.

How to set width of spans without text using php?

How to set width of spans without text using php?

This is what I have tried:


for($i = 0; $i < 256; ++$i)
{
    echo '<span id="red_' . $i . '" style="width:10px;height:10px;background-color:red;"><span>';
}

The spans are not displaying. If I add text to spans then they are displaying but it’s width is equal to the width of text. I want the width to exactly 10px.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0 
    for($i = 0; $i < 256; ++$i)
{
    echo '<span id="red_' . $i . '" style="width:10px;height:10px;background-color:red;"><span>';
}

    span tag isn't closed as </span>


  2. 0

    The element <span> is not a block element but an inline one. Therefore it does not have a width. The simplest way to set it as a block or at least an inline-block element.

    for($i = 0; $i < 256; ++$i)
{
    //                                     ******* here *******
    echo '<span id="red_' . $i . '" style="display:inline-block;width:10px;height:10px;background-color:red;"></span>';
}

    or

    for($i = 0; $i < 256; ++$i)
{
    //                                     **** here ****
    echo '<span id="red_' . $i . '" style="display:block;width:10px;height:10px;background-color:red;"></span>';
}

    The difference is inline-block does not change to a new line, but block changes to a new line.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search