How to change a span to look like a pre with CSS?

Question

Is it possible to to change a tag (or

) to preformat its contents like a

 tag would using only CSS?         


        

相关标签:

Answer 1

Try this

span {
    white-space: pre;
    font-family: monospace;
    display: block;
    unicode-bidi: embed
}

Answer 2

Try this style

.pre {

white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
line-height: 1.5;   
word-break: break-all;
white-space: pre;
white-space: pre\9; /* IE7+ */
display: block;
}

Used the same here - http://www.makemyshop.in/