Question

我正在尝试将男性和旁边的单选按钮放在旁边，但不知何故，他们不会彼此相邻......但是他们（包含性别的文字）也必须在同一行。问题解决了，如果其他人在我的前任问题上遇到问题，你就是这样做的。：）

.genderM {
            position: fixed;
            left: 175px;
            top: 130px;
        }
.genderF{
            position:fixed;
            top: 130px;
            left: 245px;
        }

<div class="genderM">Male 
    <input type="radio" id="gender" name="genderrr" />
    </div>
    <div class="genderF">Female
    <input type="radio" id="gender" name="genderrr" />
    </div>

Answer 1

第一个#include <stdio.h> #include <stdlib.h> #include "SDL2/SDL.h" SDL_Window* window=NULL; SDL_Surface* MainSurface=NULL; SDL_Surface* ImageSurface=NULL; SDL_Event MainEvent; void ifdebug(int pmbool,const char* str){ if(pmbool==1){ printf(str); } } void InitWindow(int x,int y,int pmbool){ ifdebug(pmbool,"DEBUG^"); SDL_Init(SDL_INIT_VIDEO); window=SDL_CreateWindow("SDL2: Window",SDL_WINDOWPOS_CENTERED,SDL_WINDOWPOS_CENTERED,x,y,SDL_WINDOW_SHOWN); if(window==NULL){ ifdebug(pmbool,"WINDOW:ERROR<<"); ifdebug(pmbool,SDL_GetError()); ifdebug(pmbool,">>#\n"); SDL_DestroyWindow(window); window=NULL; SDL_Quit(); } else{ ifdebug(pmbool,"WINDOW:SUCCESS^"); } } void LoadImage(int pmbool,char* filename){ MainSurface=SDL_GetWindowSurface(window); ImageSurface=SDL_LoadBMP(filename); if(ImageSurface==NULL){ ifdebug(pmbool,"WINDOW:ERROR<<"); ifdebug(pmbool,SDL_GetError()); ifdebug(pmbool,">>#\n"); SDL_DestroyWindow(window); window=NULL; SDL_Quit(); } SDL_BlitSurface(ImageSurface,NULL,MainSurface,NULL); SDL_UpdateWindowSurface(window); } void InputGet(int pmbool){ int IsRunning=1; while(IsRunning){ if(SDL_PollEvent(&MainEvent)!=0){ if(MainEvent.type==SDL_QUIT){ ifdebug(pmbool,"QUIT#\n"); IsRunning=0; SDL_DestroyWindow(window); window=NULL; SDL_FreeSurface(ImageSurface); SDL_Quit(); } } } } int main(int argc,char* args[]){ InitWindow(600,400,1); LoadImage(1,"/home/vlad/Desktop/C-lang/BLU.bmp"); InputGet(1); SDL_UpdateWindowSurface(window); return 0; }是块级元素。块级元素占据整个空间（创建新行）。您可以在div元素中包含收音机。其次避免使用内联样式，而是使用类。此外，您可以删除div并添加例如br />：

＆＃13;

margin-bottom: 60px

＆＃13;

.rdGender {
  position: fixed;
  left: 175px;
}
.genderCont {
  padding-left: 110px;
  margin-bottom: 60px;
}
.genderSubmitBtn {
  position: fixed;
  left: 125px;
}

＆＃13;

Answer 2

div是块级元素。请改用span。但是仍然最好使用标签，同时结合输入字段，如下所示：

<div>
   <label>Gender: </label>
   <label for="male">male</label>
   <input type="text" name="male" id="male" />
   <label for="female">female</label>
   <input type="text" name="female" id="female" />
</div>

你可以为例如：

标记样式

label{
  display: inline-block;
  min-width: 200px;
}

Answer 3

我做了一个小提琴。 http://jsfiddle.net/2f03jssu/1/ 请检查一下。这是因为首先关闭了div。

Gender: <div style="padding-left:110px">Male <input type="radio" id="gender" style="position:fixed; left: 175px;" /></div>
<br />
<br />
<br />
<input type="submit" value="Submit" id="submit" style="position: fixed; left: 125px;" />

Answer 4

<div>
Gender: Male <input type="radio" id="gender" style="position:fixed; left: 175px;" />
</div>
<br />    <br />    <br />
<input type="submit" value="Submit" id="submit" style="position: fixed; left: 125px;" />

注意：如果div-tag中包含HTML元素，则它占用整个水平空间。您可以改用span-tag。

我无法定位我的div和单选按钮

4 个答案: