html – 保持跨度的宽度即使没有
发布时间:2020-12-14 18:54:59 所属栏目:资源 来源:网络整理
导读:如果它是空的,是否有可能保持跨度的宽度? 我有以下HTML伪表: pspan class="col1"Day:/spanspan class="col2"?php echo somephp ?/span/ppspan class="col1"Time:/spanspan class="col2"?php echo somephp ?/span/ppspan class="col1"Class:/spanspan class
如果它是空的,是否有可能保持跨度的宽度?
我有以下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></p> <p><span class="col1">Class:</span><span class="col2"><?php echo somephp ?></span></p> <p><span class="col1">Teacher:</span><span class="col2"><?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高的范围. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |