html – 保持跨度的宽度即使没有

概述如果它是空的,是否有可能保持跨度的宽度？ 我有以下HTML伪表： <p><span class="col1">Day:</span><span class="col2"><?php echo somephp ?></span></p><p><span class="col1">Time:</span><span class="col2"><?php echo somephp ?></span>< 如果它是空的,是否有可能保持跨度的宽度？

我有以下HTML伪表：

<p><span >Day:</span><span ><?PHP echo somePHP ?></span></p><p><span >Time:</span><span ><?PHP echo somePHP ?></span></p><p><span >Class:</span><span ><?PHP echo somePHP ?></span></p><p><span >Teacher:</span><span ><?PHP echo somePHP ?></span></p>

使用CSS：

span.col1 {wIDth: 100px;float: left;}span.col2 {wIDth: 100px;}

有时,在col2中回显的PHP是空的,当这种情况发生时,col2的宽度为0,col1在下面的段落,它最终堆叠在上面的段落col1旁边.

解决方法 您的col2跨度忽略宽度,因为它们是内联元素.您需要使它们成为内嵌块元素.

span.col2 { wIDth: 100px; display: inline-block }

还要记住,您可能需要根据显示位置添加高度,否则最终会有100px宽但0px高的范围.

总结

以上是内存溢出为你收集整理的html – 保持跨度的宽度即使没有全部内容，希望文章能够帮你解决html – 保持跨度的宽度即使没有所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。